Обновление принудительно с gulp и браузерной синхронизацией - PullRequest
0 голосов
/ 25 июня 2018

Я использую браузерную синхронизацию и 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.

Есть идеи?

1 Ответ

0 голосов
/ 25 июня 2018

Наиболее вероятный виновник - кеш активов.При полной перезагрузке удаляются все кэшированные данные из браузера, а также отменяется регистрация сервисных работников, indexeddb и т. П.перезагрузить».Я почти уверен, что это приводит к перезагрузке при обновлении страницы.

...