Gulp观看所有文件,但只渲染一个(sass)

Question

我想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它保存到triger gulp watch.

我想要gulp观看所有文件(类似的东西./**/*.scss),但只渲染一个 - ./sass/style.scss.怎么实现呢？

Answer 1

解决这个问题很简单,只需编辑watch部分内容gulpfile.js即可:

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

它说:看所有.scss文件及变更运行'sass'TAKS.

'sass' taks仅编译 ./sass/style.scss'