BrowserSync显示第二次刷新后的更改

BrowserSync displays changes after 2nd refresh

本文关键字：刷新 显示 第二次 BrowserSync      更新时间：2023-09-26

我在gullow中遇到了一个令人讨厌的browserSync插件问题。如果我更改了html中的某些内容，则在第二次刷新后显示更改。它只适用于html，如果我更改css或js，则在第一次重新加载后更改是可见的。这是我的浏览器同步任务：

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/'));
});

在dist文件夹中的htmlSSI任务更改html之前，您似乎正在重新加载页面

gulp.watch('dev/templates/*.html').on('change', reload);

尝试将其更改为监视来自htmlSSI任务的输出html

gulp.watch('dist/*.html').on('change', reload);
相关文章：