Глоток 4, Задачи не выполняются перед вызовом часов

Question

Я использую Gulp 4 для компиляции кода из TypeScript в JavaScript и для создания и обслуживания приложения.

Я столкнулся с одной проблемой, которую не могу решить.

Я хотел бы запустить задачи build, copy- html и copy- css до изменения какого-либо файла.

В соответствии с документацией Gulp мне просто нужно предоставить объект конфигурации с параметром ignoreInitial, установленным в false , но это не работает.

Я пытался вызвать три задачи, прежде чем инициализировать browserSyn c, но для меня это тоже не сработало.

gulp.task("serve", function() {
  // TODO Make a build before first serve
  browserSync.init({
    server: {
      baseDir: "./dist/"
    }
  });
  gulp
    .watch(["src/**/*.ts", "src/**/*.html", "src/**/*.css"], {
      ignoreInitial: false
    })
    .on(
      "change",
      gulp.series(
        gulp.parallel("copy-html", "copy-css"),
        build,
        browserSync.reload
      )
    );
});

Answer 1

Вместо вызова .on() в возвращенном интерфейсе chokidar добавьте свои задачи в команду наблюдения.

gulp
  .watch(
    ["src/**/*.ts", "src/**/*.html", "src/**/*.css"], 
    { ignoreInitial: false }, 
    gulp.series(
      gulp.parallel("copy-html", "copy-css"),
        build,
        browserSync.reload
      )
    )
  );