gulp.watch - 返回或不返回

Question

gulpjs/gulp的官方文档有一个示例gulpfile.js，它提供了一个没有返回的watch任务声明:

gulp.task('watch', function() {
gulp.watch(paths.scripts, ['scripts']);
gulp.watch(paths.images, ['images']);
});

这种方法符合我的需求，因为我想监视多组文件，每个文件具有与每个文件相关的不同任务。

但我在社区中发现了一些大胆的声明，表示应该返回 gulp.watch，例如 this one ，建议使用以下代码:

gulp.task('watch', function() {
return gulp.watch('./public/resources/jsx/project/*.js',['application'])
});

我知道任务应该返回，以便使用它们作为工作流程一部分的其他任务能够根据其异步性质进行操作，但对于 watch 任务的特殊情况是始终是任务列表中的最后一个，因此不返回它可能是有意义的，从而可以拥有多个 watch 。

这有道理吗？我可以安全地省略 watch 任务的返回，以便能够在其中包含多个 gulp.watch 实例吗？

Answer 1

我更喜欢所有任务都有返回语句。否则您可能会看到错误的“成品 watch ”。当任务很复杂时，不可能为多种文件模式创建单个监视。在这种情况下，我的解决方案基于创建一个名为“watch”的超组任务，该任务依赖于单个监视及其返回语句。

gulp.task("watch", [
    "watch-css",
    "watch-js",
    "watch-inject-html"
]);

gulp.task("watch-css", function() {
  return gulp.watch(sources.css, ["css"]);
});

gulp.task("watch-js", function() {
  return gulp.watch(sources.js, ["js"]);
});

gulp.task("watch-inject-html", function() {
  return gulp.watch(sources.inject, ["inject-html"]);
});