Question

我正在使用gulp-concat和一些CSS文件的sourcemap功能。我正在使用管道工来捕获源文件中的任何语法错误。我的问题是管道工在使用gulp-concat时没有提醒我错误。如果我切换到gulp-concat-css错误处理工作正常，但后来我失去了sourcemap功能。我的代码如下：

var concat = require('gulp-concat');
var concatCss = require('gulp-concat-css');
var gulp = require('gulp');
var plumber = require('gulp-plumber');
var sourcemaps = require('gulp-sourcemaps');
var watch = require('gulp-watch');

gulp.task('styles', function() {
    return gulp.src('src/*.css')    
    .pipe(plumber())
    .pipe(sourcemaps.init())    
    .pipe(concat('styles.css'))         
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('dist/css'))
});

gulp.task('watch', function() {
    gulp.watch('src/*.css', ['styles'])
});

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

Answer 1

过去，我使用过管道工提供的errorHandler选项。在你的代码中它看起来像这样：

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

gulp.task('styles', function() {
    return gulp.src('src/*.css')    
    .pipe(plumber({
      errorHandler: onError
    }))
    .pipe(sourcemaps.init())    
    .pipe(concat('styles.css'))         
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('dist/css'))
});

希望它有所帮助。

Gulp CSS语法错误使用gulp-concat和gulp-plumber

1 个答案: