Schluck-Stream erzeugt keine Ziel-Dateien

Question

Es gibt einen Fehler im folgenden Schluck Stream, aber ich konnte einfach nicht finden, wo.

var processors = [autoprefixer({ browsers: ['last 2 version']}), 
        cssnano(),]; 

var myjob = gulp.src(['app/css/normalize.css', 
         'app/css/org.scss']) 
     .pipe(watch('app/css/org.scss', {verbose: true})) 
     .pipe(gulpif('*.scss', sass())) 
     .pipe(concat('org.css')) 
     .pipe(postcss(processors)) 
     .pipe(flatten()) 
     .pipe(gulp.dest('dist')); 

Problem: Die dist/org.css nicht

regeneriert

es etwas sein muss, ich bin hier fehlt.

Answer 1

Das Problem ist, dass gulp-concat nicht die verkettete org.css Datei verschiebt, es sei denn, es empfängt ein end Ereignis von Upstream. Da gulp-watch nie das Ereignis end ausstrahlt, bleibt gulp-concat einfach unbegrenzt hängen.

Die Lösung ist einfach gulp-concat mit gulp-continuous-concat ersetzen:

var continuousConcat = require('gulp-continuous-concat'); 

var processors = [autoprefixer({ browsers: ['last 2 version']}), 
        cssnano(),]; 

gulp.task('default', function() { 
    return gulp.src(['app/css/normalize.css', 
        'app/css/org.scss']) 
    .pipe(watch('app/css/org.scss', {verbose: true})) 
    .pipe(gulpif('*.scss', sass())) 
    .pipe(continuousConcat('org.css')) 
    .pipe(postcss(processors)) 
    .pipe(flatten()) 
    .pipe(gulp.dest('dist')); 
}); 

Answer 2

Als Best Practice verwenden Sie den Glob-Root "./" als Präfix für Ihre Pfade. d.h. "./app/css/normalize.css" und so weiter.

Versuchen Sie, zu verwenden, um zu sehen, wie viele Dateien in der Pipe sind, falls vorhanden. Sie können zwischen jedem Schritt eine Debug-Pipe hinzufügen, um zu sehen, was passiert.