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

Question

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

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

干杯，广告

score 7 · Accepted Answer

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

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

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

事实证明它确实工作得很好。希望这对某人有帮助！

score 4 · Accepted Answer

我已经破解了一个名为lesswatch的 bash 脚本（它不支持“向后 @import 解析”），它使用watchdog来监听文件更改事件，并使用 lessc来编译为 CSS。我今天写了一篇关于这个的简短博客文章。

score 2 · Accepted Answer

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

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

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

score 1 · Accepted Answer

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

node less-watch-compiler.js FOLDER_TO_WATCH FOLDER_TO_OUTPUT

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

score 0 · Accepted Answer

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

它真的很好用。

5 回答 5