在LESS CSS中，我可以轻松看到一堆文件，但在更改时编译不同的文件？

Question

我有几个LESS文件全部导入到一个主文件（styles.less）中。我现在的问题是：当我对其中一个子文件进行更改时，我必须保存样式。无需将其编译为CSS。

有没有办法可以减少监视子文件但只编译父文件？

干杯， 广告

Answer 1

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

当我在Mac上时，我被称为less.app（http://incident57.com/less/），它使用less.js为你编译较少的。截至几天前，他们又添加了一项新功能：

  

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

事实证明它确实很有效。希望这有助于某人！

Answer 2

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

Answer 3

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

  

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

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

Answer 4

您可以使用此nodejs脚本并执行相同的操作。

node less-watch-compiler.js FOLDER_TO_WATCH FOLDER_TO_OUTPUT

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

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

Answer 5

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

效果很好。