在 LESS CSS 中，我可以让 LESS 观看一堆文件，但在它们更改时编译不同的文件吗？答案

【问题标题】：In LESS CSS can I get LESS to watch a bunch of files but compile a different file when they change?在 LESS CSS 中，我可以让 LESS 观看一堆文件，但在它们更改时编译不同的文件吗？
【发布时间】：2010-10-04 09:42:30
【问题描述】：

我有几个 LESS 文件都导入到一个主文件 (styles.less) 中。我目前的问题是：当我对其中一个子文件进行更改时，我必须保存 style.less 以将其编译为 CSS。

有没有一种方法可以减少监控子文件而只编译父文件的要求？

干杯，广告

【问题讨论】：

您使用的是 ruby 版本吗？使用 rails 和更多插件？
使用 ruby 版本但不在 ruby 网站上……如果这有意义的话。

标签： css less

【解决方案1】：

我找到了解决我的问题的方法，但它对大多数人来说都很棒。

我在 Mac 上安装了 less.app (http://incident57.com/less/)，它使用 less.js 为您编译 less。就在几天前，他们添加了一个新功能：

新功能：“向后@import 解析。”如果您有一个文件 X 导入另一个文件 Y，并且您对 Y 进行了更改，则 X 现在将在您保存 Y 时自动重新编译（如果自动编译已打开）。此功能是自动的；没有什么可以打开或连接的。当它发生时，您会在编译器结果中看到“triggered by: X”。

事实证明它确实运作良好。希望这对某人有帮助！

【讨论】：

更多插件似乎也可以处理github.com/cloudhead/more/blob/master/lib/less/more.rb#L105
这没有按预期工作我希望它使用@import 编译文件，但事实并非如此。

【解决方案2】：

我破解了一个名为lesswatch 的bash 脚本（它不支持“向后@import 解析”），它使用watchdog 来监听文件更改事件，并使用lessc 来编译成CSS。我今天为此写了short blog post。

【讨论】：

【解决方案3】：

有一个 less.js 的分支，可以监视文件更改，甚至通过 @import 包含的所有文件（如上面接受的答案）：

https://github.com/wvl/less.js

less.js 的作者does not want 旧 ruby 版本的 --watch 选项，所以这个 fork 可能是你目前最好的选择。通过node.js可以在所有平台上运行。

【讨论】：

【解决方案4】：

你可以使用这个 nodejs 脚本做同样的事情。

nodeless-watch-compiler.js FOLDER_TO_WATCH FOLDER_TO_OUTPUT

https://github.com/jonycheung/Dead-Simple-LESS-Watch-Compiler

它会跳过查看名称以下划线或句点开头的文件。

【讨论】：

【解决方案5】：

如果您使用 Mac，我目前使用 Code Kit 中的 less.app http://incident57.com/less/

效果很好。

【讨论】：