Gulpfile изменяет CSS, но не сохраняет его

Я пытаюсь создать gulpfile, который работает с scss и php.

Все прошло хорошо, но я проверил это, изменив h1 с красного на желтый. Вскрыл Browsersync. Теперь H1 был желтым. Поменял его на зеленый. И он стал зеленым. Ура! Оно работает.

Но когда я изменяю php-файл, все изменения css исчезли. Даже когда я удаляю свой файл style.css, он работает на 100%. Это как он кеширует CSS ?! Я не знаю, где искать решение по этому вопросу.

Может кто-нибудь мне помочь?

Это мой gulpfile:

var gulp = require('gulp'),
connect = require('gulp-connect-php'),
plumber = require('gulp-plumber'),
rename = require('gulp-rename');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin'),
cache = require('gulp-cache');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');

gulp.task('browser-sync', function () {
connect.server({}, function () {
browserSync({
proxy: 'raak.test'
});
});
});

gulp.task('bs-reload', function () {
browserSync.reload();
});

gulp.task('images', function () {
gulp.src('src/img/*')
.pipe(cache(imagemin({optimizationLevel: 3, progressive: true, interlaced: true})))
.pipe(gulp.dest('assets/img/'));
});

gulp.task('styles', function () {
var processors = [
autoprefixer,
cssnano
];

gulp.src(['src/css/style.scss'])
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}
}))
.pipe(sass())
.pipe(postcss(processors))
.pipe(gulp.dest('assets/css/'))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('assets/css/'))
.pipe(browserSync.stream())
});

gulp.task('default', ['browser-sync'], function () {
gulp.watch("**/*.scss", ['styles']);
gulp.watch("**/*.php", ['bs-reload']);
});

0

Решение

Это как он кеширует CSS

Вы исследовали это? Я бы сделал комментарий, но мои чертовы очки — отстой. Если вы зайдете в инструменты разработки (щелкните правой кнопкой мыши «осмотреть») в Chrome, вы можете выполнить полную перезагрузку, удерживая кнопку «Обновить» и щелкая последний параметр. Это очистит любой шанс кеша. Также, если у вас есть работник службы или вы используете indexeddb, это может произойти. Обычно все развиваются в режиме инкогнито, чтобы избежать этого в первую очередь! Надеюсь, это поможет: D

1

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector