Les erreurs de syntaxe CSS Gulp échouent silencieusement en utilisant gulp-concat et gulp-plumber

Question

J'utilise gulp-concat et la fonctionnalité sourcemap pour certains fichiers CSS. J'utilise le plombier pour attraper les erreurs de syntaxe dans les fichiers source. Mon problème est le plombier ne m'avertit pas des erreurs lors de l'utilisation gulp-concat. Si je passe à gulp-concat-css, la gestion des erreurs fonctionne correctement, mais je perds la fonctionnalité sourcemap. Mon code est ci-dessous:

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

Dans le passé, j'ai utilisé l'option errorHandler que fournit Plumber. Cela ressemblerait à quelque chose comme ceci dans votre code:

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

Espérons que cela aide.