javascript - Не работает browsersync + gulp-watch


0

В проекте использую gulp + browsersync. После обновления gulp, перестал работать browsersync и стили не пересобираются "на лету" (пересобираются только при перезапуске gulp watch).

Мой gulpfile.js:

var gulp = require(gulp),
sass = require(gulp-sass),
browserSync = require(browser-sync),
concat = require(gulp-concat),
uglify = require(gulp-uglifyjs),
cssnano = require(gulp-cssnano),
rename = require(gulp-rename),
del = require(del),
imagemin = require(gulp-imagemin),
pngquant = require(imagemin-pngquant),
autoprefixer = require(gulp-autoprefixer);

gulp.task(sass, function(){
return gulp.src(app/scss/**/*.scss)
    .pipe(sass())
    .pipe(autoprefixer([last 15 versions, > 1%], {cascade: true}))
    .pipe(cssnano())
    .pipe(rename({suffix: .min}))
    .pipe(gulp.dest(css))
    .pipe(browserSync.reload({stream: true}))
 });

gulp.task(css-libs, gulp.parallel(sass), function(){
return gulp.src(app/css/main.css)
    .pipe(cssnano())
    .pipe(rename({suffix: .min}))
    .pipe(gulp.dest(app/css));
});


gulp.task(browser-sync, function(){
browserSync({
    server: {
        //baseDir: app
        baseDir: ./
    },
    notify:false
})
});


gulp.task(watch, gulp.parallel(browser-sync, css-libs), function(){
gulp.watch(app/scss/*.scss, [sass]);
gulp.watch(*.html, browserSync.reload);
});

В чем может быть ошибка?

Источник
  •  81
  •  0
  • 5 янв 2018 2018-01-05 02:12:43

Ответов пока нет