Gulp监视任务，链接onchange的多个文件夹

Question

为什么这样做

gulp.task("watch", ["browser-sync"], function() {
  gulp.watch(
    ["node_modules/bootstrap/scss/bootstrap.scss", "src/scss/*.scss"],
    ["sass"],
  );
  gulp.watch("src/*.html").on("change", browserSync.reload);
});

但这不起作用：

gulp.task("watch", ["browser-sync"], function() {
  gulp.watch(
    ["node_modules/bootstrap/scss/bootstrap.scss", "src/scss/*.scss"],
    ["sass"],
    ["src/*.html"]
  ).on("change", browserSync.reload);
});

嗯，提前谢谢！

Answer 1

Gulp.watch有这个声明：

gulp.watch(glob[, opts], tasks)

见gulp.watch documentation。

gulp.watch(
    ["node_modules/bootstrap/scss/bootstrap.scss", "src/scss/*.scss"],
    ["sass"],
    ["src/*.html"]

相当于

gulp.watch(glob, task, glob)

这是不允许的。您可以通过执行以下操作来解决此问题：

gulp.task("watch", ["browser-sync"], function() {
  gulp.watch(
    ["node_modules/bootstrap/scss/bootstrap.scss", "src/scss/*.scss"],
    ["sass"]);
  gulp.watch(["src/*.html"]).on("change", browserSync.reload);
});

然后在你的'sss＆＃39;结尾处重新加载电话。任务。