Gulp CSS-Syntaxfehler schlagen im Hintergrund mit gulp-concat und gulp-plumber fehl

Question

Ich benutze gulp-concat und die Quellkartenfunktionalität für einige CSS-Dateien. Ich benutze Klempner, um irgendwelche Syntaxfehler in den Quelldateien zu fangen. Mein Problem ist, Klempner warnt mich nicht vor Fehlern bei der Verwendung von Schluck-concat. Wenn ich auf gulp-concat-css umschalte, funktioniert die Fehlerbehandlung gut, aber dann verliere ich die Quellkartenfunktionalität. Mein Code ist unten:

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

In der Vergangenheit habe ich die Errorhandler-Option verwendet, die Klempner zur Verfügung stellen. Es würde in Ihrem Code in etwa so aussehen:

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')) 
}); 

Ich hoffe, es hilft.