javascript - gulp 流不生成 dest 文件

Question

following gulp stream 有一个错误，但我找不到位置。

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

问题是 gulp-concat 不会推送连接的 org.css 文件，除非它从上游接收到 end 事件。由于 gulp-watch 从不发出 end 事件，gulp-concat 只是无限期挂起。

解决方案是简单地将 gulp-concat 替换为 gulp-continuous-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'));
});