依赖任务的 gulp 错误处理

Question

请在下面找到gulpfile.js的内容。

任务uglify 依赖于任务jshint。目前，当我运行gulp 时，这两个任务都会被执行，而不管jshint 任务的结果如何。我不希望在出现“jshint”错误时执行uglify 任务。

换句话说，当有依赖任务时，如果前面的任务检测到错误，我不希望后面的任务被执行。

gulp可以吗？

var gulp = require('gulp');
var jshint = require('gulp-jshint');
var uglify = require('gulp-uglify');

gulp.task('jshint', function () {
  return gulp.src(['assets/js/**/*.js'])
    .pipe(jshint('.jshintrc'))
    .pipe(jshint.reporter('jshint-stylish'));
});

gulp.task('uglify', ['jshint'], function() {
  return gulp.src('assets/js/**/*.js')
    .pipe(uglify())
    .pipe(gulp.dest('assets-min/js/'));
});

gulp.task('default', ['jshint', 'uglify']);

请参考以下console output - not desired。虽然出现了jshint 错误，但uglify 任务运行成功。

我还使用上述样板代码创建了一个 GitHub 存储库。 请在@sarbbottam/gulp-workflow 找到相同的内容。

从不受欢迎的工作流程中控制出来

控制台超出预期工作流程

Answer 1

对于JSHint，有一个用于此目的的内置报告器fail。如果发生错误，它将停止您的gulp 进程。

你只需要重新定义你的task，比如：

gulp.task('jshint', function () {
  return gulp.src(['assets/js/**/*.js'])
    .pipe(jshint('.jshintrc'))
    .pipe(jshint.reporter('jshint-stylish'))
    .pipe(jshint.reporter('fail'))
})

对于其他任务，可以在上面添加error callback，退出进程，防止后续任务运行。

这是ngmin 的示例（因为uglify 很难破解，但它是一样的）：

function handleError (err) {
  console.log(err.toString())
  process.exit(-1)
}

gulp.task('min', function () {
  return gulp.src(['assets/js/**/*.js'])
    .pipe(ngmin())
    .on('error', handleError)
})

Answer 2

为了补充 Aperçu 的回答，如果您不希望 gulp 退出（因为您有观察者正在运行），那么您可以执行以下操作：

gulp.task('min', function(done) {
  return gulp.src(['assets/js/**/*.js'])
    .pipe(ngmin())
    .on('error', done);
});

这将阻止依赖于此任务的下一个任务运行，但您的观察者仍将运行。