我正面临着浏览器中的browserSync插件的恼人问题。如果我在html中更改了某些内容,则在第二次刷新后会显示更改。只有html,如果我改变css或js,第一次重新加载后变化是可见的。这是我的browserSync任务:
gulp.task('serve', function () {
browserSync.init({
server: {
baseDir: ["./dist", "./dev", "./../../global-assets"]
}
});
gulp.watch('dev/sass/**', ['sass']);
gulp.watch('dev/sass/**').on('change', reload);
gulp.watch('dev/js/*.js', ['js']);
gulp.watch('dev/js/*.js').on('change', reload);
gulp.watch('dev/templates/*.html', ['htmlSSI']);
gulp.watch('dev/templates/*.html').on('change', reload);
});
和SSI任务:
gulp.task('htmlSSI', function() {
es.merge(gulp.src(globalTemplates), gulp.src(localTemplates))
.pipe(includer())
.pipe(gulp.dest('dist/'));
});
答案 0 :(得分:1)
在htmlSSI任务更改html in dist文件夹
之前,您似乎正在重新加载页面 gulp.watch('dev/templates/*.html').on('change', reload);
尝试将其更改为从htmlSSI任务中监视输出html
gulp.watch('dist/*.html').on('change', reload);