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

时间:2015-11-16 09:02:44

标签: javascript gulp ssi browser-sync

我正面临着浏览器中的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/'));
});

1 个答案:

答案 0 :(得分:1)

在htmlSSI任务更改html in dist文件夹

之前,您似乎正在重新加载页面

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

尝试将其更改为从htmlSSI任务中监视输出html

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