是不是像CSS这样的浏览器解释？

Question

有一个示例here，其中有一个类型为text/less的样式表，由google chrome解释，但似乎只有较少的语法。

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

Answer 1

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

这里less-1.1.3.min.js编译从responsive.less到css的更少，并将其返回给浏览器。另请参阅：http://lesscss.org/#usage

如下所示，您将在<style id="less:examples-responsive-responsive" type="text/css" media="screen">：

之间找到客户端编译的CSS

Answer 2

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

Answer 3

LESS是由less.js编译的动态样式表（或者在给定的示例中，less-1.1.3.min.js），一旦完成就会产生正常的CSS。浏览器无法理解LESS文件本身。

LESS也可以在服务器端使用，如on the LESS website所述。

$ npm install -g less

Answer 4

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

一定要避免将javascript库与生产环境中较少的文件结合使用，因为它会影响客户端浏览器的性能。当然，谈到移动设备。

对于Windows，我使用了Winless，它将在更改时编译我的LESS文件（www.winless.org）

大约一年前，我开始使用ZURB Foundation，因此切换到SASS CSS。它与LESSCSS非常相似，我非常喜欢它，因为它更强大和模块化。但那是个人意见......