День добрый!
До 4го галпа, данный код работал, сейчас не было времени подробно вникнуть в вопрос, что там изменилось, единственное что понял - квадратные скобки поменялись на параметры функции.
НО...Меня напрягает, что в таске сасса перестал работать browserSync.reload, никакой перезагрузки после изменения сасс файла не происходит.
На тостере один коллега уже спрашивал про это, ему помогло создание отдельной функции reload,
Как правильно в Gulp 4 настроить browserSync reload html, js?
Мне эта штука не помогла, либо я не понял, как ее в моем случае воткнуть.
Помогите совладать с этой бесовской штукой.
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var autoprefixer = require('gulp-autoprefixer');
var plumber = require('gulp-plumber');
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: './out'
},
notify: false
});
browserSync.watch('out/').on('change', browserSync.reload);
});
gulp.task('sass', function(){
return gulp.src('app/scss/*.scss')
.pipe(plumber({
errorHandler : function(err) {
console.log(err);
this.emit('end');
}
}))
.pipe(sass({errLogToConsole: true}))
.pipe(sass({outputStyle: 'compact'}))
.pipe(autoprefixer({
browsers: ['last 4 versions'],
cascade: false
}))
.pipe(gulp.dest('out/assets/css'))
.pipe(browserSync.reload({stream: true}))
});
gulp.task('watch', gulp.series('sass', 'browser-sync'), function() {
gulp.watch('app/**/*.*', gulp.series('sass'));
});
Средний
Простой
