我正在尝试使用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));
}