Gulp.js: 基于forEach循环的任务

Question

我有一组对象，如下所示。

var bundles = [
  {
    src: 'js/my-component/*.js',
    bundleName: 'my-component.js'
  },
  {
    src: 'js/my-other-component/*.js',
    bundleName: 'my-other-component.js'
  }
]

我想要 gulp 任务 process/concat 数组中的每个条目，但它似乎不起作用。

gulp.task('bundlejs', function(){
    return bundles.forEach(function(obj){
      return gulp.src(obj.src)
      .pipe(concat(obj.bundleName))
      .pipe(gulp.dest('js/_bundles'))
    });
});

Answer 1

这个解决方案确实有效，我的目录名有误。朵.

https://github.com/adamayres/gulp-filelog帮我找到了问题。

Answer 2

您可能应该合并流并返回结果，以便任务在适当的时间完成：

var es = require('event-stream');

gulp.task('bundlejs', function () {
  return es.merge(bundles.map(function (obj) {
    return gulp.src(obj.src)
      .pipe(concat(obj.bundleName))
      .pipe(gulp.dest('js/_bundles'));
  }));
});

Gulp.js: 基于forEach循环的任务

Gulp.js: task based on forEach loop

javascript

gulp

gulp-concat