gulp streamはdestファイルを生成しません

Question

次のgulpストリームにバグがありますが、どこで見つけることができませんでした。

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

問題：dist/org.cssが

が再生されない私はここに欠けている何かがなければなりません。

Answer 1

アップストリームからendイベントを受信しない限り、gulp-concatは連結されたorg.cssファイルをプッシュしません。 gulp-watchはendイベントを決して放出しないので、gulp-concatは無期限にハングアップします。グロブチップ用

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

パスの先頭にglobルート "./"を使用することをお勧めします。すなわち「./app/css/normalize.css」などとなります。

gulp-debugを試してみて、パイプ内にいくつのファイルがあるか調べてください。各ステップの間にデバッグパイプを追加して、何が起きているのかを確認することができます。