Gulp Watch: что означает «избегать синхронности»?

Question

Я пытаюсь собрать несколько плоских файлов html, используя include. Наблюдение за CSS с помощью Gulp работает хорошо, но сборка HTML происходит один раз, а потом не повторяется.

Я на 99,99999% уверен, что делаю именно то, что https://gulpjs.com/docs/en/getting-started/watching-files/#warning -avoid-synchronous предостерегает против, но я не знаю с практической точки зрения, что означает «избегать синхронности».

Любые указания были бы весьма признательны. Мой файл gulpfile выглядит следующим образом:

const gulp = require('gulp');
const del = require('del');
const sass = require('gulp-sass');
const fileinclude = require('gulp-file-include');
const browserSync = require('browser-sync').create();
const reload = browserSync.reload;

function html() {
  return gulp.src(['./src/pages/**/*.html'])
  .pipe(fileinclude({
    prefix: '@@',
    basepath: '@root'
  }))
  .pipe(gulp.dest('./dist'));
}

function clean() {
  return del('./dist');
}

function css() {
  return gulp.src(['./src/scss/**/*.scss'])
  .pipe(sass())
  .pipe(gulp.dest('./dist/css'))
  .pipe(browserSync.stream());
}

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

exports.default = function() {
  serve();
  gulp.watch('./src/scss/**/*.scss', { ignoreInitial: false }, gulp.series(css));
  gulp.watch('./src/pages/**/*.html', { ignoreInitial: false }, gulp.series(clean, html, reload));
}