Почему после сжимания css browsersync не обновляет страницу?

Question

[Renat871]

function css() {
    return src(path.src.css)
        .pipe(
            scss({
                outputStyle: "expanded",
            })
        )
        .pipe(
            autoprefixer({
                overrideBrowserslist: ["last 5 versions"],
                cascade: true,
            })
        )
        .pipe(dest(path.build.css))
        .pipe(clean_css())
        .pipe(
            rename({
                extname: ".min.css",
            })
        )
        .pipe(dest(path.build.css))
        .pipe(browsersync.stream());
}

Eсть вот такая обработка SCSS.
Eсли убираю

.pipe(clean_css())
        .pipe(
            rename({
                extname: ".min.css",
            })
        )
        .pipe(dest(path.build.css))

в конце, то все работает

Answer 1

[Сергей delphinpro]

Зачем вам во время разработки делать ненужную обработку? Это занимает лишнее время.
Добавьте условие

const gulpIf = require('gulp-if');

const isProd = process.env.NODE_ENV === 'production';
//...
.pipe(dest(path.build.css))
.pipe(gulpIf(isProd, clean_css()))
.pipe(gulpIf(isProd, rename({ extname: ".min.css" }))
.pipe(gulpIf(isProd, dest(path.build.css)))
//...