Gupl sass не всегда работает, почему?

Question

[Richard Kamsky]

Есть gulpfile в котором 4 таска. Sass, autoprefixer, serve и start.
Start запускает остальные. И прикол в том, что, всё работает, но иногда sass как-будто скипается. Он должен вносить изменения при сохранении но не делает этого. Приходится перезапускать gulp. И как я заметил, он тупит когда приписываю display: flex или grid. Вот именно на них.

const gulp = require('gulp')
const gutil = require('gulp-util');
const browserSync = require('browser-sync').create();
const sass = require('gulp-sass')(require('sass'));
const autoprefixer = require('gulp-autoprefixer');

gulp.task('autoprefixer', function(done){
   gulp.src('./dist/css/**/*.css')
  .pipe(autoprefixer({
      cascade: false
  }))
  .pipe(gulp.dest('./dist/css'));
  done();
})

gulp.task('sass', function() {
  return gulp.src('./dist/scss/**/*.scss')
  .pipe(sass())
  .pipe(autoprefixer())
  .pipe(gulp.dest('./dist/css'))
  .pipe(browserSync.stream())
});

gulp.task('serve', function() {
    browserSync.init({
        server: './dist/'
    });

    gulp.watch('./dist/scss/*.scss', gulp.series('sass'));
    gulp.watch('./dist/*.html').on('change', () => {
      browserSync.reload();
    });
});

gulp.task('start', gulp.series('sass', 'autoprefixer', 'serve'));
});

Comments

[Froggyweb]

такск автопрефиксер можно убрать он уже есть в SASS. Какая ошибка в консоле?
поменяй строчку в SASS на.pipe(sass().on('error', sass.logError))

Answer 1

[Сергей delphinpro]

gulp.watch('./dist/scss/*.scss'
Вы следите только за корневыми файлами. Если у вас есть поддиректории, то изменения в них не отслеживаются.

/dist
  /scss
    main.scss - отслеживается
    /blocks
      header.scss - не отслеживается

Вот так будет работать для всех файлов:

gulp.watch('./dist/scss/**/*.scss', gulp.series('sass'));

Comments

[Richard Kamsky]

Проморгал честно говоря)
Спасибо вам, всё работает.