使用SASS/LESS与AngularUI

Question

我从未使用过CSS预处理器。

我想在AngularJS中使用AngularUI（Bootstrap），我想知道使用SASS与LESS是否有任何不利之处。还是说完全独立，我可以完全自由地在AngularJS和AngularUI bootstrap中使用SASS或LESS。

也许AngularUI内置支持SASS或LESS，所以我应该更倾向于其中的一个？

- HelloWorld

---

在使用LESS和SASS时存在的缺点是这里的警告语言。我们尽量避免在本网站上发表观点。 - George Stocker

@GeorgeStocker，这不是关于使用LESS vs SASS的问题，而是与angularjs + angularUI直接相关。我想知道如果使用其中一个预处理器，可能会遇到哪些陷阱。 - HelloWorld

@HelloWorld 同样的事情也适用于任何其他 A vs B 的比较。这就像讨论制表符与空格一样没有生产力。 - cimmanon

@HelloWorld “X有哪些陷阱等待着我”这个问题非常广泛，更不用说——哪个答案才是正确的答案？是有最多陷阱的答案吗？还是最长的答案？客观上哪个才是正确的呢？（回到“基于意见”的关闭原因）。如果你真的想要重新打开这个问题，并且认为它应该被打开，你最好的选择是在Meta上提问，并获得社区支持来重新打开它。就目前而言，这个问题需要更多的指导和更少的开放性。 - George Stocker

据我所知，如果您正在寻找一种解决方案，允许在客户端使用LESS或CSS预处理器，则可以查看“Angular.less”插件（http://angularless.github.io），因为Angular本身不支持此功能。 - w3core

Answer 1

Angular-UI不依赖于任何预处理器，仅依赖于渲染的CSS。只要最终得到有效的Bootstrap 3 CSS，您可以使用任何您喜欢的SASS、LESS或者直接来自Bootstrap的CSS。

现在Bootstrap官方支持SASS（在一个单独的GitHub存储库中），您可以自由选择使用SASS或LESS。有一些文章显示了两者之间的优点和缺点（例如这篇），但最终没有明显的优势。拥有多种选择的主要原因是如果您已经使用其中一种，那么在包含Bootstrap时就不必使用另一种。

值得一提的是，如今人们似乎更喜欢SASS而非LESS。

- moribvndvs

---

如果您正在寻找一种解决方案，可以在客户端（Angular）上将LESS渲染为CSS，请查看“Angular.Less”指令（https://angularless.github.io/angular.less/）。 - w3core