Gulp Watch 不连续观看

Question

这是我的 Gulp 设置：

var gulp = require('gulp');
// ALLOWS FOR SASS
var sass = require('gulp-sass');
// WATCHES FOR CHANGES
var watch = require('gulp-watch');
// MINIFIES CSS
var cleanCSS = require('gulp-clean-css');
// MERGES CSS FILES INTO ONE
var concat = require('gulp-concat');

// GULP WATCH
gulp.task('watch', function() {
   gulp.watch('wp-content/themes/nss/assets/**/*.sass', ['sass']);
});

// GULP SASS CONVERTER
gulp.task('sass', function(){
  return gulp.src('wp-content/themes/nss/assets/sass/style.sass')
    .pipe(sass()) // Converts Sass to CSS with gulp-sass
    .pipe(cleanCSS())
    .pipe(concat('style.min.css'))
    .pipe(gulp.dest('wp-content/themes/nss/assets/css'));
});

gulp.task('default', ['sass','watch']);

我的问题： Gulp Watch 只运行一次，不会持续寻找更新。我之前在其他项目中使用过完全相同的代码，所以对我做错了什么感到困惑。

GULP 版本：3.3.4

Answer 1

您需要在 gulp “监视”任务中使用 return。

如果你不返回一个流，那么每个任务的异步结果将不会被它的调用者等待，也不会被任何依赖的任务。

引自this awesome answer here.

对代码稍作修正。

// GULP WATCH
gulp.task('watch', function() {
   return gulp.watch('wp-content/themes/nss/assets/**/*.sass', ['sass']);
});

这样就可以了。

我听说还建议使用gulp-plumber 作为it prevents pipe breaking on errors。