javascript - 在单个 gulp 链中组合多个源

Question

如何将多个源合并到一个gulp pipe链中？例如我有:

gulp.task('compressJS', function () {
    gulp.src('client/js/source/**/*.js')
        .pipe(concat('app'))
        .pipe(ngmin())
        .pipe(uglify())
        .pipe(rev())
        .pipe(rename({
            extname: ".min.js"
         }))
        .pipe(gulp.dest('client/js'))
        .pipe(rev.manifest())
        .pipe(gulp.dest('client/js'))
        .pipe(gulp.src('client/views/index.html'))
        .pipe(replace(/app\-[a-fA-F0-9]\.min\.js/, 'app-prod.min.js'))
        .pipe(gulp.dest('client/build'))
        .pipe(gulp.src('client/js/rev-manifest.json', {
             read: false
         }))
        .pipe(rimaf());
});

获取错误:

stream.js:94
      throw er; // Unhandled stream error in pipe.

Answer 1

我见过的这个问题最常见的解决方案是利用 gulp-filter .这个想法是你的 gulp.src 更广泛，但你的过滤器允许你处理更具体的子集。

例如，使用您的代码:

   gulpFilter = require('gulp-filter');

   gulp.task('compressJS', function () {

       jsFilter = gulpFilter('client/js/source/**/*.js');
       clientFilter = gulpFilter('client/views/index.html');

       gulp.src('client/**/*')
           .pipe(jsFilter)
           .pipe(concat('app'))
           .pipe(ngmin())
           .pipe(uglify())
           .pipe(rev())
           .pipe(rename({
               extname: ".min.js"
           }))
           .pipe(gulp.dest('client/js'))
           .pipe(rev.manifest())
           .pipe(gulp.dest('client/js'))
           .pipe(jsFilter.restore())
           .pipe(clientFilter)
           .pipe(gulp.src('client/views/index.html'))
           .pipe(replace(/app\-[a-fA-F0-9]\.min\.js/, 'app-prod.min.js'))
           .pipe(gulp.dest('client/build'))
           .pipe(gulp.src('client/js/rev-manifest.json', {
               read: false
           }))
           .pipe(clientFilter.restore())
           .pipe(rimaf());
    });