Как настроить Gulp 4.0?

Question

[Sergey750il]

Доброго времени суток. Использую вот эту сборку https://habr.com/ru/post/484714/ , до это момента использовал Gulp 3 версии, все работало отлично. Но теперь не могу настроить эту сборку на работу без Pug. Вписываю параметр proxy в файл serve, но при изменении SCSS происходит полная перезагрузка страницы.

Comments

[Sergey750il]

VicTHOR,

const gulp = require('gulp')

const imageMinify = require('./imageMinify')
const svgSprite = require('./svgSprite')
const styles = require('./styles')
const pug2html = require('./pug2html')
const script = require('./script')
const copyDependencies = require('./copyDependencies')

const server = require('browser-sync').create()

function readyReload(cb) {
  server.reload()
  cb()
}

module.exports = function serve(cb) {
    server.init({
        proxy:'dbd.local',
        notify: false,
    })

    gulp.watch('src/img/*.{gif,png,jpg,svg,webp}', gulp.series(imageMinify, readyReload))
    gulp.watch('src/img/sprite/*.svg', gulp.series(svgSprite, readyReload))
    gulp.watch('src/styles/**/*.scss', gulp.series(styles, cb => gulp.src('build/css').pipe(server.stream()).on('end', cb)))
    gulp.watch('src/js/**/*.js', gulp.series(script, readyReload))
    gulp.watch('src/pages/**/*.pug', gulp.series(pug2html, readyReload))

    gulp.watch('package.json', gulp.series(copyDependencies, readyReload))

    return cb()
}

[Sergey750il]

VicTHOR, У меня WordPress на OpenServer, Pug мне не нужен, но Browser-sync работает без перезагрузки всей страницы, только когда не прописан proxy в настройках Browser-sync.

[Sergey750il]

VicTHOR, Вопрос в том, почему вся страница перезагружается когда меняю SCSS? Понимаешь?

[Sergey750il]

VicTHOR, Вот в этом самая проблема. Когда работает с собственным сервером и Pug все ок, а как только добавляю опцию proxy с моим url то происходит перезагрузка всей страницы. С 3 версией галпа все было понятно, а сейчас не могу разобраться.

[Sergey750il]

VicTHOR, Он должен перезагружать все страницу, когда html, php файлы меняешь, а когда CSS компилируешь то только стили.

Answer 1

[Дима Долготер]

https://github.com/agragregra/OptimizedHTML-5 используй это