Gulp просматривает все файлы, но отображает только один (sass)

Я хочу, чтобы gulp следил за всеми изменениями в моих рабочих папках, но генерировал только один файл. Поскольку я использую scss, который импортирует все необходимые файлы, нет необходимости компилировать все файлы .css, только основной.

Теперь мой gulpfile.js содержит:

var gulp    = require('gulp');
var util    = require('gulp-util');
var sass    = require('gulp-sass');

gulp.task('sass', function () {
  return gulp.src('./sass/style.scss')
  .pipe(sass().on('error', sass.logError))
  .pipe(gulp.dest('./dist/css'));
});

gulp.task('watch', function() {
  gulp.watch('./sass/**/*.scss', ['sass']);
});

И я должен пойти в ./sass/style.scss и сохранить его, чтобы наблюдать за триггерным глотком.

Я хочу, чтобы gulp смотрел все файлы (что-то вроде ./**/*.scss), но отображал только один - ./sass/style.scss. Как этого добиться?


gulp gulp-sass gulp-watch
person 10robinho    schedule 22.08.2015    source источник

Ответы (1)


arrow_upward
11
arrow_downward

Решение этой проблемы простое, просто отредактируйте watch часть gulpfile.js на:

gulp.task('watch', function() {
  gulp.watch('./**/*.scss', ['sass']);
});

В нем говорится: отслеживайте все .scss и при изменении запускайте 'sass' задачи.

'sass' taks компилирует только ./sass/style.scss'

person 10robinho    schedule 22.08.2015