gulp-less 关于@import的文件改变后如何编译

Question

1.在编译less文件时需要实现增量编译的需求。这个时候如果编译文件对其他文件没有依赖的话是好解决的；现在想解决的问题是在有依赖的情况下（比如site.less文件依赖于其他文件夹的layout.less文件），改变依赖的layout.less文件，也能使site.less文件进行编译

增量编译使用的gulp-changd, gulp-cached结合gulp-remember方案都尝试了，并不能满足需求。不知道还有什么办法了，求助大神们！

Answer 1

打算回复一下自己的解决方案的，看到还有小伙伴在关注这个问题。不过有朋友提供了更好的包gulp-less-changed来解决这个问题。看乐一下这个包的描述，确实很符合这个问题的解决方案。完了看一下它的源码。

我之前是通过监听文件的‘change’事件来解决问题的。比较花工费，现在还是推荐小伙伴们使用https://www.npmjs.com/package...。比较方便。如果觉得不适合可以考虑下监听的‘chang’事件来做一些操作。

Answer 2

一个最简单的方案就是，文件夹下的所有less文件改变，都重新编译一遍呀，编译有cached 会自动分析的。

不要去想着监听一个文件啊，而是所有的less文件都去监听变动就好了

Answer 3

@evildancer
eg

a.less

@import b.less

b.less

img {
width: 100px;

如果 b.less中修改了，a.less会马上修改吗，同时将修改的内容追加进去？

我试了上述方案，并没有见效

还了一种方式进行解决wordpress 使用less 样式无法及时刷新