我有两个文件: black.less
/* imports */
@import "elements.less";
@import "crush.less";
@import "tree.less";
我通过添加:
来使用较少的手表功能 less.watch();
果然我可以看到交通变黑了。 Black.less没有改变,因此导入的任何文件中的任何更改都不会被视为更改,并且样式不会更新。
如果我触摸黑色,那么风格应该更新。
有没有办法自动更新,无论是导入的文件还是实际减少的文件被添加到页面中,这样我只需要改变让我们说tree.less。
/ K
答案 0 :(得分:1)
我使用Grunt和grunt-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]