gulp-watch 使用

編譯工具gulp自己提供了watch的api

例如一個style的task:

1 gulp.task('style', () => {
2   gulp.src('./style/**/*.scss')
3     .pipe(gulp.dest('dest'))
4 })

 

須要監聽scss文件時能夠這麼寫

1 gulp.task('watch', ['style'], () => {
2   gulp.watch('./style/**/*.scss', ['style'])
3 })

 

可是這樣寫有個問題, gulp不會監聽到新增的文件, 要監聽新增事件路徑須換成  /style/**/*.scss 

 

另外一種方法是使用gulp-watch, 使用後2個任務能夠合併了

1 const watch = require('gulp-watch')
2 
3 gulp.task('watch', { ignoreInitial: false }, () => {
4   return watch('./style/**/*.scss', () => {
5     gulp.src('./style/**/*.scss')
6       .pipe(gulp.dest('dest'))
7   })
8 })

gulp-watch默認監聽add, change, unlink這些事件