Browsersync Reloading Browsers... (buffered 2 events)
Всех приветствую, есть такой вот gulp файл, начал выходить "статус"(если можно так выразитсья) - [Browsersync] Reloading Browsers... (buffered 2 events), не встают стили, html сохраняется, в чем может быть причина?
const {src, dest, watch, parallel, series} = require('gulp');
const scss = require('gulp-sass')(require('sass'));
const concat = require('gulp-concat');
const uglifyEs = require('gulp-uglify-es').default;
const browserSync = require('browser-sync').create();
const autoPrefixer = require('gulp-autoprefixer');
const clean = require('gulp-clean');
//
function scripts() {
return src([
'app/js/main.js'
])
.pipe(concat('main.min.js'))
.pipe(uglifyEs())
.pipe(dest('app/js'))
.pipe(browserSync.stream())
}
function styles() {
return src([
'app/scss/main.scss',
'app/scss/fonts.scss',
'app/scss/button.scss',
'app/scss/header.scss',
'app/scss/footer.scss',
'app/scss/modal-forms.scss',
'app/scss/media.scss',
])
.pipe(autoPrefixer({overrideBrowserslist : ['last 10 version']}))
.pipe(concat('style.min.css'))
.pipe(scss({outputStyle: 'compressed'}))
.pipe(dest('app/css'))
.pipe(browserSync.stream())
}
function browserSyncs(){
browserSync.init({
server: {
baseDir: "app/"
}
});
}
function watching(){
watch(['app/scss/main.scss'], styles)
watch(['app/js/main.js'], scripts)
watch(['app/*.html']).on('change', browserSync.reload);
}
function cleanDist(){
return src('dist')
.pipe(clean())
}
function building(){
return src([
'app/css/style.min.css',
'app/js/main.min.js',
'app/*.html',
], {base : 'app'})
.pipe(dest('dist'))
}
exports.styles = styles;
exports.scripts = scripts;
exports.watching = watching;
exports.browserSyncs = browserSyncs;
exports.build = series(cleanDist, building);
exports.default = parallel(styles, scripts, browserSyncs, watching);