gulp stream, dest dosyaları üretmiyor

Question

Aşağıda, gulp akışında bir hata var, ancak bulamadım.

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

Sorun: dist/org.css Burada eksik birşeyler olmalı

yeniden oluşturulmaz.

Answer 1

Sorun, gulp-concat'un, bir end olayının akış yukarı alınmadığı sürece, birleştirilmiş org.css dosyasını göndermemesidir. gulp-watch hiçbir zaman end olayını yayınlamadığından gulp-concat sadece süresiz olarak askıda kalıyor.

çözüm basitçe gulp-continuous-concat ile gulp-concat değiştirmektir: glob ipucu için

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

En iyi uygulama olarak, yollarınızı önek için glob root "./" kullanın. yani "./app/css/normalize.css" vb.

Varsa, boruda kaç tane dosya olduğunu görmek için kullanmayı deneyin. Neler olup bittiğini görmek için her adım arasında bir hata ayıklama borusu ekleyebilirsiniz.