Javascript 浏览器同步在更改html后不会重新加载我的浏览器

Javascript 浏览器同步在更改html后不会重新加载我的浏览器,javascript,Javascript,const gulp=require('gulp'); const-sass=require('gulp-sass'); const nunjucks=require('gulp-nunjucks'); const autoprefixer=require('gulp-autoprefixer'); const cssnano=require('gulp-cssnano'); const imagemin=require('gulp-imagemin'); const browserSync=r

const gulp=require('gulp');
const-sass=require('gulp-sass');
const nunjucks=require('gulp-nunjucks');
const autoprefixer=require('gulp-autoprefixer');
const cssnano=require('gulp-cssnano');
const imagemin=require('gulp-imagemin');
const browserSync=require('browser-sync')。create();
const-uglify=require('gulp-uglify');
施工管道工=需要(“大口管道工”);
变量配置={
bootstrapDir:“./node_模块/bootstrap sass”,
uploadDir:“/上传”
};
吞咽任务('css',函数(){
gulp.src(“./css/*”)
.管子(管道工())
.pipe(sass())
.pipe(autoprefixer())
.pipe(cssnano())
.pipe(gulp.dest(config.uploadDir+/css'))
.pipe(browserSync.reload({
溪流:对
}));
});
gulp.task('font',function(){
gulp.src(config.bootstrapDir+'/assets/fonts/***')
.pipe(gulp.dest(config.uploadDir+/font');
});
gulp.task('js',function(){
gulp.src(“./js/*”)
.管子(管道工())
.管道(丑()
.pipe(gulp.dest(config.uploadDir+'/js');
});
吞咽任务('images',函数(){
gulp.src(“./images/***”)
.管子(管道工())
.pipe(imagemin())
.pipe(gulp.dest(config.uploadDir+'/images');
});
//这是模板(html)任务的代码
gulp.task('templates',function(){
gulp.src('./templates/*.html')
.管子(管道工())
.pipe(nunjucks.compile({
appName:'Gulp'//全局变量
}))
.pipe(gulp.dest(config.uploadDir));
});
gulp.task('browserSync',function(){
browserSync.init({
服务器:{
baseDir:config.uploadDir
}
});
});
//这是我的手表任务
gulp.task('watch',['browserSync','css','templates'],function()){
狼吞虎咽的手表('./css/*',['css']);
gulp.watch('./templates/*.html',['templates',browserSync.reload]);
})
//gulp.task('default',['css','font','js','images','templates','browserSync']);
使用
gulp.watch('./templates/*.html',['templates',browserSync.reload])在此处输入代码
。浏览器可能在html文件编译完成之前重新加载,这意味着相同的旧文件将被重新加载。尝试从您的监视任务中删除
browserSync.reload
,改为使用
.on('end',browserSync.reload')附加模板任务。不要忘记删除前一行中的分号。使用
gulp.watch('./templates/*.html',['templates',browserSync.reload])
可以在从browserSync重新加载的同时调用模板任务。浏览器可能在html文件编译完成之前重新加载,这意味着相同的旧文件将被重新加载。尝试从您的监视任务中删除
browserSync.reload
,改为使用
.on('end',browserSync.reload')附加模板任务。别忘了删除前一行的分号。