serii81
@serii81
Я люблю phр...

Почему браузер не видит изменения в файле стилей?

Вот код в gulpfile.js :
gulp.task('css', function () {
gulp.src('src/less/style.less') // Выберем наш style.less
.pipe(sourcemaps.init())
.pipe(less()) // Скомпилируем
.pipe(prefixer()) // Добавим вендорные префиксы
.pipe(sourcemaps.write())
.pipe(gulp.dest('build/css/'))
.pipe(browserSync.stream());
});
gulp.task('watch', function () {
gulp.watch('src/**/*.html', ['html']);
gulp.watch('src/less/**/*.less', ['css']);
gulp.watch('src/header/header.less', ['headercss']);
gulp.watch('src/js/**/*.js', ['js']);
gulp.watch('src/fonts/**/*.*', ['fonts']);
gulp.watch('src/img/**/*.*', ['img']);
gulp.watch('src/img/icons/*.*', ['sprite']);
gulp.watch('src/fonts/**/*.*', ['fonts']);
gulp.watch('src/libs/**/*.*', ['libs']);
});

Когда меняю файл style.less в редакторе, то соответственно, и файл style.css тоже меняется.
ad8b2311b8ec4a6385d848ed344cf93d.png
При этом изменения сразу видны в браузере. 5dc2dea978f84727a9b55c83c58d1972.png
В логах консоли никаких ошибок не наблюдается.
Проблема в том, что как только перезагружаю браузер, то все последние изменения исчезают, просто мистика какая-то.
e51201d1950849929fd7fb7eb966b867.png
Проблема решается только перезагрузкой gulpa, но понятно что это только костыль. Не могу понять в чем проблема, почему браузер не видит изменения в файле стилей. Вот, как только начинаю менять style.less, то, о чудо, браузер опять начинает видеть эти изменения.
По моему что-то блокирует доступ браузеру к стиля.
Может кто-то сталкивался с такой же проблемой?
  • Вопрос задан
  • 560 просмотров
Решения вопроса 1
Mangoman
@Mangoman
Р -------------> С
Ctrl + Shift + R непомогает? ))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы