如何停止吞噬-csslint错误？

Question

我有示例代码：

var csslint = require('gulp-csslint');
gulp.task('csslint', function() {
    return gulp.src(paths.css)
        .pipe(csslint())
        .pipe(csslint.reporter());
});

例如，有：

[gulp] Starting 'csslint'...
[gulp] 1 error found in /some/app.css
[gulp] [L37:C29] Unknown property 'align'. Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property. (known-properties)
[gulp] Finished 'csslint' after 57 ms

而gulp继续做其他的事情。如何在csslint错误上停止吞咽？

Answer 1

要停止吞咽，再添加一个.pipe()调用，传入csslint.failReporter()

var csslint = require('gulp-csslint');
gulp.task('csslint', function() {
    return gulp.src(paths.css)
        .pipe(csslint())
        .pipe(csslint.reporter())
        .pipe(csslint.failReporter());
});

Answer 2

当我在手表模式下运行它时，我使用plumber和gulpif插件相结合，在其他情况下我使用plumber。

plumber = require('gulp-plumber'),
gulpif = require('gulp-if')

...
var cssTask = function (options) {
  var minifyCSS = require('gulp-minify-css'),
    less = require('gulp-less'),
    src = cssDependencies;

  src.push(codePath + '**/*.less');

  var run = function () {
    var start = Date.now();

    console.log('Start building CSS/LESS bundle');

    gulp.src(src)
      .pipe(gulpif(options.devBuild, plumber({
        errorHandler: onError
      })))
      .pipe(concat('main.css'))
      .pipe(less())
      .pipe(gulpif(options.minify, minifyCSS()))
      .pipe(gulp.dest(buildPath + 'css'))
      .pipe(gulpif(options.devBuild, browserSync.reload({stream:true})))
      .pipe(notify(function () {
        console.log('END CSS/LESS built in ' + (Date.now() - start) + 'ms');
      }));
  };

  run();

  if (options.watch) {
    gulp.watch(src, run);
  }
};

function onError (err) {
  console.log(err);
}

Answer 3

我在书上看到你用的是大口水管工。试一试。