我無法弄清楚為什么我的gulp文件沒有觀看我的html文件？

Question

在過去使用gulp 3的一些經驗之后，我第一次使用gulp 4。 我為項目設置了一個gulp構建，盡管它對其他所有功能都很好，但只是拒絕觀看任何html更改並在更改時重新加載頁面。 運行gulp watch時，我沒有出現任何錯誤並在終端中獲得標准的“從./dist提供文件”。

它正在工作，但我必須進行了一些更改，但無法解決問題！

// bs
function browserSync(done) {
  server.init({
    server: {
      baseDir: "./dist"
    }
  });
  done();
}

// reload
function reload(done) {
  server.reload();
  done();
}

// html task
function html() {
  const out = `${dist}/`;

  return gulp
    .src(`${src}/**/*.html`)
    .pipe(newer(out))
    .pipe(devBuild ? noop() : htmlclean())
    .pipe(gulp.dest(out));
}

// watch for file changes
function watch(done) {
  // html changes
  gulp.watch(`${src}/**/*.html`, gulp.series(html, reload));
  // css changes
  gulp.watch(`${src}/scss/**/*`, gulp.series(css));
  // js changes
  gulp.watch(`${src}/js/**/*`, gulp.series(js));
  //sw changes
  gulp.watch(`${src}/sw.js`, gulp.series(sw));

  done();
}

exports.watch = gulp.parallel(watch, browserSync);

我希望任務可以復制到我的html文件中，並且服務器可以刷新並包含我的html更改

Answer 1

我在構建任務中缺少對導出的引用。 不知道這是否會影響它，但我也刪除了瀏覽器緩存，它似乎又開始工作了。 不確定這一點，但案例解決了，這是否對以后的讀者有幫助。

exports.build = gulp.series(
  exports.clean,
  gulp.parallel(
    exports.favicon,
    exports.fonts,
    exports.html,
    exports.css,
    exports.js,
    exports.sw
  )
);

編輯*：原來我是從服務工作者中加載資產，卻完全忘記打開Chrome重新加載以進行SW開發！