Gulp观察:“避免同步”是什么意思?

时间:2020-07-13 19:24:50

标签: javascript node.js gulp

我正在尝试使用include构建一些平面html文件。用Gulp观看CSS效果很好,但是构建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));
}

0 个答案:

没有答案