less - lesscss 导入和观看

Question

我有两个文件： black.less

/* imports */
@import "elements.less";
@import "crush.less";
@import "tree.less";

我通过添加以下内容来使用较少的手表功能：

 less.watch();

果然，我可以看到流量变黑了。Black.less 并没有改变，因此任何正在导入的文件中的任何更改都不算作更改，并且样式不会更新。

但是，如果我触摸 black.less，则样式会按应有的方式更新。

有没有一种方法可以自动更新，无论它是导入文件还是添加到页面的实际较少文件，即我只需要更改比如说tree.less。

/K

score 1 · Accepted Answer

我使用Grunt和grunt-contrib-less 插件来监视我所有的 less 文件，并在它们发生变化时将它们编译成 CSS。

然后我在浏览器中使用live.js来观看 CSS 文件。

这样做的好处是我可以对我的 HTML 和 JS 文件做同样的事情，以及运行测试、检查我的 JS 文件等。

score 0 · Accepted Answer

Remy Sharp 最近写了一篇关于较新版本的 Chrome 如何支持将您在开发工具中编辑的文件保存回文件系统的帖子。

他主张永远不必离开 devtools。只需在浏览器中进行编辑即可。此解决方案的优势在于您可以继续使用客户端的 Less 编译器。

（我仍然非常喜欢我强大的文本编辑器和命令行，无法完全放弃它们，但我认为这个答案可能会吸引至少一些提出这个问题的人。）

score 0 · Accepted Answer

0

这是另一种快速方法。

watch -n 1 touch black.less

于 2013-04-12T13:49:46.290 回答

score 0 · Accepted Answer

这对于操作来说可能为时已晚，但我有同样的问题，也许其他人也有。

less-watch-compiler将监视目录（和子目录）的更改并将任何更少的代码编译到目标文件夹。很酷的一点是您可以指定主文件，当源目录中的任何文件发生更改时，只会编译主文件。

用法：

less-watch-compiler [options] <source_dir> <destination_dir> [main-file]

4 回答 4