lesscss导入和观看

时间:2013-02-15 11:25:36

标签: less

我有两个文件: black.less

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

我通过添加:

来使用较少的手表功能
 less.watch();

果然我可以看到交通变黑了。 Black.less没有改变,因此导入的任何文件中的任何更改都不会被视为更改,并且样式不会更新。

如果我触摸黑色,那么风格应该更新。

有没有办法自动更新,无论是导入的文件还是实际减少的文件被添加到页面中,这样我只需要改变让我们说tree.less。

/ K

4 个答案:

答案 0 :(得分:1)

我使用Gruntgrunt-contrib-less plugin来观看我所有较少的文件,并在它们发生变化时将它们编译成CSS。

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

这样做的好处是我可以用我的HTML和JS文件做同样的事情,以及运行测试,lint我的JS文件等。

答案 1 :(得分:0)

Remy Sharp最近撰写了一篇文章,内容是关于较新版本的Chrome如何支持将您在开发工具中编辑的文件保存回文件系统的能力。

他提倡Never having to leave devtools。只需在浏览器中进行编辑即可。此解决方案的优势在于您可以继续使用客户端Less编译器。

(我仍然非常喜欢我强大的文本编辑器和命令行,完全抛弃它们,但认为这个答案可能会吸引至少一些人来到这个问题。)

答案 2 :(得分:0)

这是另一种快捷方式。

watch -n 1 touch black.less

答案 3 :(得分:0)

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

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

用法:

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