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这些事件