gulp-watch 使用

编译工具gulp本身提供了watch的api

例如一个style的task:

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

 

需要监听scss文件时可以这么写

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

 

但是这样写有个问题, gulp不会监听到新增的文件, 要监听新增事件路径须换成  /style/**/*.scss 

 

另一种方法是使用gulp-watch, 使用后2个任务可以合并了

const watch = require('gulp-watch')

gulp.task('watch', { ignoreInitial: false }, () => {
  return watch('./style/**/*.scss', () => {
    gulp.src('./style/**/*.scss')
      .pipe(gulp.dest('dest'))
  })
})

gulp-watch默认监听add, change, unlink这些事件