Здравствуйте. Недавно обновил библиотеки галпа. Теперь перестала работать BrowserSync. Я так понимаю stream отвечает за обновление страницы без перезагрузки. Заходил на сайт, делал как у них написано, не помогло. Подскажите, как вернуть функционал? Я смог сделать только полную перезагрузку страницы, но это очень неудобно. Вот код
var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync').create(),
cleanCSS = require('gulp-clean-css'),
autoprefixer = require('gulp-autoprefixer'),
bourbon = require('node-bourbon'),
uglify = require('gulp-uglify'),
pump = require('pump'),
babel = require('gulp-babel');
gulp.task('browser-sync', function() {
browserSync.init({
proxy: "hospital-7-site",
notify: false
});
});
gulp.task('sass', function() {
return gulp.src('wp-content/themes/hospital7/stylesheet/stylesheet.sass')
.pipe(sass({
includePaths: bourbon.includePaths
}).on('error', sass.logError))
.pipe(autoprefixer(['last 15 versions']))
.pipe(cleanCSS())
.pipe(gulp.dest('wp-content/themes/hospital7/stylesheet/'));
});
gulp.task('compress', function (cb) {
pump([
gulp.src('wp-content/themes/hospital7/js/*.js'),
babel({
presets: ['env']
}),
uglify(),
gulp.dest('wp-content/themes/hospital7/dist')
],
cb
);
});
gulp.task('watch', ['sass', 'compress', 'browser-sync'], function() {
gulp.watch('wp-content/themes/hospital7/stylesheet/stylesheet.sass', ['sass']).on('change', browserSync.reload);
gulp.watch('wp-content/themes/hospital7/*.php', browserSync.reload);
gulp.watch('wp-content/themes/hospital7/js/*.js', ['compress']).on('change', browserSync.reload);
});
gulp.task('default', ['watch']);