有没有一种方法可以将LESS文件编译为CSS（这样就不必每个浏览器都可以）？

#1 楼

是。您可以使用在编写代码时将LESS文件自动编译为开发计算机上的CSS的应用程序。然后，在完成开发后，只需将生成的CSS文件上传到您的服务器即可。




开始！适用于Windows和Mac

用于Windows的WinLess

适用于Mac的CodeKit

#2 楼

我使用简单-拖放完成。

#3 楼

LESS带有一个二进制（lessc），可让您预编译.less文件。您可以这样使用它：

 $ lessc styles.less > styles.css

但是我认为大多数人只要更新LESS文件就可以使用lessc -w或lessc --watch命令自动重新编译CSS样式表。您也可以用lessc缩小CSS，例如lessc -w -x。

编辑：为清楚起见，lessc随服务器端安装一起提供（即，当您通过node.js软件包管理器进行更少的安装时）。但是您可以从GitHub手动下载它。

lessc位于/bin/lessc。当然，这是一个* nix二进制文件（在Mac上也应该工作），但是有一个基于dotless的Windows二进制文件（lessc.exe），这是另一个Windows LESS编译器。

更新：
使用less-watch自动编译。

或者，如今，许多开发人员都使用grunt之类的任务运行程序来处理构建自动化（编译，缩小，测试等）。使用grunt-contrib-watch，grunt-contrib-less和grunt-contrib-livereload，您可以真正简化开发工作流程。

如果您使用yo架设新的Web项目，则它已预先配置为监视LESS / CSS / JS / HTML文件的更改，并在需要时重新编译项目的必要部分。只需运行grunt serve，您就可以编写代码，而不必担心手动编译（LESS / SASS / CoffeeScript）/最小化/级联代码或像穴居人一样手动刷新浏览器...

#4 楼

在服务器上有许多用于将LESS编译为CSS的选项，您选择的选项可能取决于您在网站其余部分使用的选项。


如果使用node .js，原始的lesscss即可完成工作。
如果您使用PHP，请使用lessphp。从PHP传递变量时，它的API有点垃圾，但是确实可以。
如果您使用Ruby，SASS的优势不大，但是当我切换为使用SASS时，它是如此相似（个人项目）到LESS（正在使用的PHP项目）中，除了文件扩展名外，我没有发现任何其他差异。它还具有一个有用的mixin库-COMPASS。我尚未尝试将它们与LESS一起使用，但我希望它们会起作用。 （显然，LESS最初是Ruby，所以可能还有一个旧的编译器在附近浮动。）
如果使用ASP.Net，则有.less。我还没有使用过它，所以我不知道它的效果如何。
如果您使用Java，lesscss4j会使用原始的LESS和Java 6的内置Rhino脚本编写环境来进行编译。
如果使用Perl，则CPAN中有一个LESSp模块。