Gulp WATCH не слушает никаких изменений в недавно добавленном .scss частичном - PullRequest
Новая
       117

Gulp WATCH не слушает никаких изменений в недавно добавленном .scss частичном

0 голосов
/ 28 ноября 2018

У меня проблема с заданием gulp watch.Чтобы быть точным, он не работает с частями .scss, которые я добавляю.Он начинает работать, только когда я снова запускаю задачу.

Вот мой gulpfile: 

const gulp = require('gulp'),
  plugins = require('gulp-load-plugins')({
    lazy: true,
  }),
  browserSync = require('browser-sync'),
  webpack = require('webpack'),
  webpackStream = require('webpack-stream'),
  webpackConfig = require('./webpack.config.js');


gulp.task('css', function () {
  return gulp.src('src/sass/main.scss')
    .pipe(plugins.plumber())
    .pipe(plugins.sass({
      includePaths: ['./node_modules'],
    }))
    .on('error', plugins.sass.logError)
    .pipe(plugins.autoprefixer('last 4 versions'))
    .pipe(plugins.combineMq({
      beautify: false
    }))
    .pipe(gulp.dest('src/assets/css'))
    .pipe(browserSync.stream());
});

gulp.task('js', () => {
  gulp.src('src/assets/js/main.js')
    .pipe(webpackStream(webpackConfig), webpack)
    .pipe(gulp.dest('js'));
});

gulp.task("server", function () {

  browserSync.init({
    proxy: "http://wp-boilerplate.test"
  });

});

gulp.task("watch", function () {

  gulp.watch('src/sass/**/*.scss', ["css"]);
  gulp.watch(["*.php", "src/assets/js/*.js"], browserSync.reload);

});

gulp.task("default", ["css", "server", "watch"]);

Я читал об этом другие посты, но не нашел рабочего решения.

Буду признателен, если кто-нибудь сможет мне помочь с этим..

...