浏览器是否像CSS那样解释less？

Question

这里有一个例子（链接），其中有一个类型为text/less的样式表被Google Chrome解释，但似乎只包含Less语法。

<link rel="stylesheet" href="responsive.less" type="text/less" media="screen" />

- leeand00

Answer 1

这个例子还调用了<script src="../../js/less-1.1.3.min.js" type="text/javascript"></script>

在这里，less-1.1.3.min.js将responsive.less中的less编译成css，并将其返回给浏览器。另请参见：http://lesscss.org/#usage

下面你会发现在<style id="less:examples-responsive-responsive" type="text/css" media="screen">之间的客户端编译CSS：

- Bass Jobsen

---

所以它是基于Javascript的...啊哈！但我们不也可以在服务器端将less编译成CSS（或预先编译以供以后使用）吗？我觉得这样使用less可能会导致可访问性问题。 - leeand00

@leeand00 是的，事实上那是首选解决方案。 - Bass Jobsen

@kleinfreund http://twitterbootstrap3buttons.w3masters.nl/ 是一个“实时”生成less的服务器示例。 - Bass Jobsen

@leeand00：是的，LESS也可以在服务器上动态编译，或者更常见的是在开发人员的机器上预编译，然后再部署到服务器上。 - Lie Ryan

Answer 2

LESS文件（就像sass文件一样）始终需要由CSS预处理器解析和编译。根据我的经验，最好在之前预编译所有的css文件。

务必避免在生产环境中将javascript库与less文件结合使用，因为它会影响客户端浏览器的性能。尤其是在移动设备上。

对于Windows系统，我使用Winless来在更改时编译我的LESS文件（www.winless.org）。

大约一年前，我开始使用ZURB Foundation，因此转向了SASS CSS。它非常类似于LESSCSS，并且我非常喜欢它，因为它更加健壮和模块化。但这是个人意见...

- Johan Degrieck

Answer 3

没有任何浏览器直接解释LESS。页面必须包含less.js，这是一个LESS编译器的JavaScript实现。

- Lie Ryan

Answer 4

LESS是一个动态样式表，由less.js（或在所给示例中为less-1.1.3.min.js）编译，生成普通的CSS文件。浏览器本身无法理解LESS文件。

LESS也可以用于服务器端，如LESS网站所述。

$ npm install -g less

- Brian S