Gulp手表只运行一次

Question

我正在尝试完成gulpfile.js，但遇到了“ gulp watch”问题。 当我将观察器设置为运行时，它会检测到更改并运行分配的任务，但是只能运行一次。 文件上的下一个更改不再触发任务。 我不知道为什么，但是我的观察者只工作一次。

我相信观察者并没有意识到它触发的任务已经完成。 或者，也许可以处理我正在使用的延迟加载或运行顺序插件...

var
  gulp = require('gulp'),
  plugins = require('gulp-load-plugins')({
    DEBUG: true
  });
plugins.runSequence = require('run-sequence');

gulp.task('watch',function(){
  gulp.watch('public/**/*.+(css|js)',['buildEspecifico']);
});

gulp.task('buildEspecifico',function(callback){
  return plugins.runSequence(
    ['deletarMainMin'],
    ['agruparJS','agruparCSS']
  );
});

'deletarMainMin'，'agruparJS'，'agruparCSS'是在同一个gulpfile中定义的其他任务。

提前致谢！

干杯，

法比奥。

Answer 1

我相信观察者并没有意识到它触发的任务已经完成。

是的，就是这样。 在buildEspecifico任务中，您接受callback 。 这意味着buildEspecifico除非您调用该callback否则不会认为您的buildEspecifico任务已经完成。

由于您不调用callback因此buildEspecifico任务一旦运行就不会真正完成。 而且由于您的buildEspecifico任务在技术上仍在运行，因此buildEspecifico不会在文件更改时再次启动该任务。

解决方案是将callback传递给runSequence 。 当序列中的所有任务完成时，它将调用callback 。

gulp.task('buildEspecifico',function(callback){
  return plugins.runSequence(
    ['deletarMainMin'],
    ['agruparJS','agruparCSS'],
    callback
  );
});

另外，您也可以完全省略回调：

gulp.task('buildEspecifico',function(){
  return plugins.runSequence(
    ['deletarMainMin'],
    ['agruparJS','agruparCSS']
  );
});

显然，您必须确保任务deletarMainMin ， agruparJS和agruparCSS本身完成，因此也要在这些任务中调用或省略callback 。