gulp 如何只编译改动和新加的文件

[uniquecolesmith]

• 问题:

  • 每次改动或者新加入 sass 文件的时候都会把 scss 全部编译一遍，如何解决？

• gulpfile 代码

[ruanyu1]

gulp-changed

[NemoAlex]

使用第三方的 watch ，例如： https://github.com/floatdrop/gulp-watch
而不是 gulp.watch

[uniquecolesmith]

@ruanyu1
@NemoAlex
我试了 但是感觉没用? 是不是我打开方式不对？　 gulp-changed 和 gulp-cached 也没起作用
对了 gulp-sass 老是 bus error ，改用 gulp-ruby-sass

[uniquecolesmith]

@ruanyu1 gulp-changed TypeError: Cannot read property 'mtime' of null 没找到解决办法

[adspe]

gulp-filter
.pipe(filter('**/*.scss'))

[v1024]

watch([*.sass"]).on("change", function(file){ 在这里编译 file })

大概是这样的，上面代码仅供参考

[vietor]

升级机器性能，没必要纠结这些小不爽

[readonly]

gulp.src 每次都会去读取文件流，当文件数量多的时候可以明显感受到

gulp-watch 不支持分析依赖进行递归编译，后代依赖发生变化并不会 watch 到，所以会 miss 掉真正想要处理的文件

小项目还是直接全量处理吧，大一点的项目没有基于依赖收集的构建工具基本死路一条，这方面目前做得比较好的有: webpack ， F.I.S

[uniquecolesmith]

@v1024 试试 谢谢
@vietor 机器性能。。。编译文件多了你试试
@readonly 3Q 但是 webpack 把依赖编译进来也挺大的 我觉得 webpack+react/vue 好点, 其他普通的项目也用 webpack ? 我不太理解这么做的哲学

[uniquecolesmith]

@adspe 我看了这个插件没懂 是编译完, 再过滤没有改动的文件, 再还原？

[uniquecolesmith]

@v1024 你的方法可行 但是 这和 gulp.task 的哲学是不是有悖？ sass task 变成了 sass function