gulp.watch 在保存许多文件时多次运行相同的任务答案

【问题标题】：gulp.watch running same task multiple times when saving many filesgulp.watch 在保存许多文件时多次运行相同的任务
【发布时间】：2015-12-10 07:44:39
【问题描述】：

有没有办法将 gulp.watch 配置为在多个监视文件更改时只运行一次任务？我的任务设置是这样的：

var bs = require('browser-sync').create();

module.exports = function (gulp, plugins, config) {
  return function watch() {
    gulp.watch( 

      config.source.javascript, 
      // {debounceDelay: 500}, 
      gulp.series('js', 'wp', bs.reload) 

    );
  };
};

..当我一次保存多个观看的文件时（Save all 在文本编辑器中），我的 gulp.series（我正在使用 gulp 4.0）任务为每个更改的文件运行一次。有没有办法改变这一点，让 gulp.watch 只运行一次 gulp.series 任务？

谢谢..

【问题讨论】：

标签： gulp gulp-watch

【解决方案1】：

我添加了一个像这样的“缓冲区”功能：

var reload = false;
var delay = 500;

function brsync_reload(done) { brsync.reload();                 queue_reset(done); }
function brsync_stream(done) { brsync.reload({ stream: true }); queue_reset(done); }

function queue_reload() { gulp.series(gulp.queue.concat(brsync_reload))(); }
function queue_stream() { gulp.series(gulp.queue.concat(brsync_stream))(); }
function queue_reset(done)  { gulp.queue = []; reload = false; done(); }

function queue_tasks(tasks, last) {
  reload = reload || last == brsync_reload;
  gulp.queue = gulp.queue || [];

  if (gulp.queue.length == 0)
    setTimeout(reload ? queue_reload : queue_stream, delay);

  gulp.queue = gulp.queue
    .concat(tasks.filter(task => !gulp.queue.some(queued => queued == task)));
  // console.log(gulp.queue);
}

brsync.init(CONFIG.BRSYNC);

gulp.watch(CONFIG.SRC.JAVASCRIPT,     () => queue_tasks(['javascript'], brsync_reload));
gulp.watch(CONFIG.SRC.STATIC,         () => queue_tasks(['static'], brsync_reload));
gulp.watch(CONFIG.SRC.STYLES,         () => queue_tasks(['styles'], brsync_stream));
gulp.watch(CONFIG.SRC.TYPESCRIPT,     () => queue_tasks(['typescript'], brsync_reload));

现在，当我更改一个文件时，输出是：

[21:40:17] Starting '<anonymous>'...
[21:40:17] Starting '<anonymous>'...
[21:40:18] Starting 'typescript'...
[21:40:21] Finished 'typescript' after 3.16 s
[21:40:21] Starting 'brsync_reload'...
[21:40:21] Finished 'brsync_reload' after 2.73 ms

...当我更改 3 个文件（2x 打字稿，1x 手写笔）时，输出为：

[21:41:19] Starting '<anonymous>'...
[21:41:19] Starting '<anonymous>'...
[21:41:19] Starting '<anonymous>'...
[21:41:19] Starting '<anonymous>'...
[21:41:19] Starting '<anonymous>'...
[21:41:19] Starting '<anonymous>'...
[21:41:20] Starting 'typescript'...
[21:41:22] Finished 'typescript' after 2.02 s
[21:41:22] Starting 'styles'...
[21:41:23] Finished 'styles' after 1.82 s
[21:41:23] Starting 'brsync_reload'...
[21:41:23] Finished 'brsync_reload' after 1.92 ms

工作得很好，只有这些匿名函数的日志令人讨厌（;

【讨论】：