gulp - 如何将 gulp.watch 从 gulp 3.x 迁移到 gulp 4.x

Question

我目前正在将 gulp 从 3.x 迁移到 4.x 我在转换 gulp 时感到震惊。下面是 gulp.watch 代码

function isOnlyChange(event) {
    return event.type === 'changed';
  }

  function watch(){
    gulp.watch([path.join(conf.paths.src, '/*.html')], ['inject-reload']);

     gulp.watch([
      path.join(conf.paths.src, '/app/**/*.css'),
      path.join(conf.paths.src, '/app/**/*.scss')
    ], function (event) {
      if (isOnlyChange(event)) {
        gulp.start('styles-reload');
      } else {
        gulp.start('inject-reload');
      }
    });

    gulp.watch([path.join(conf.paths.src, '/app/**/*.js'), path.join(conf.paths.src, '/app/**/*.json')], function (event) {
      if (isOnlyChange(event)) {
        gulp.start('scripts-reload');
      } else {
        gulp.start('inject-reload');
      }
    });

    gulp.watch(path.join(conf.paths.src, '/app/**/*.html'), function (event) {
      browserSync.reload(event.path);
    });
  };

  gulp.task('watch', gulp.series(watch));
})();

我收到以下错误 错误：正在观看 src*.html：观看任务必须是一个函数（可以选择使用 gulp.parallel 或 gulp.series 生成）

我需要为每个 gulp.watch 添加串联和并联吗？如何迁移这个，是否有任何示例代码可供参考。

Answer 1

该错误表明 watch 任务必须是一个函数，而你的任务是一个数组。将其更改为：

gulp.watch([path.join(conf.paths.src, '/*.html')], gulp.series('inject-reload'));

有关更多信息，请查看此问题。