Я использую браузерную синхронизацию и gulp, чтобы перезагрузить страницу при изменении каждого файла в моем проекте.Это наполовину работает: иногда мне нужно нажать Ctrl + F5, чтобы изменения на моей странице отображались, а затем мне просто нужно сохранить для следующих изменений, и перезагрузки синхронизации браузера достаточно.Вот мой код:
var cache = require('gulp-cache');
var browserSync = require('browser-sync').create();
gulp.task('browser-sync', function() {
browserSync.init({
injectChanges: true,
proxy: "http://localhost:8888/project/source/"
});
gulp.watch("source/**/*").on("change", function(e) {
cache.clearAll();
return gulp.src(e.path)
.pipe(browserSync.reload({stream: true}));
});
});
Я хочу, чтобы браузер обновлялся при каждом изменении в моем проекте (каждый файл в каждой папке / подпапке).
Я думал, что параметр потока в true нашел другую тему, но у меня все та же проблема ... И кэш gulp clear ничего не меняет.
На каждомсохранить, моя страница обновлена, но изменения не всегда отображаются, поэтому мне приходится усиленно обновлять ctrl + F5.
Это небольшой проект, поэтому я не хочу использовать webpack.И это на сервере MAMP.
Есть идеи?