Gulp - 进行多次构建答案

【问题标题】：Gulp - doing multiple buildsGulp - 进行多次构建
【发布时间】：2014-08-30 22:14:58
【问题描述】：

刚开始使用 Gulp。

我有 20 多个 HTML 页面，每个页面都有自己的 JS 文件，需要通过 Gulp 构建。

我有类似下面的东西

gulp.task('compile-coffee', function () {
    // page1    
    gulp.src('./home/coffee/*.coffee')
        .pipe(coffee())
        .pipe(gulp.dest('./home/js'));

    // page2
    gulp.src('./people/coffee/*.coffee')
        .pipe(coffee())
        .pipe(gulp.dest('./people/js'));
    });
})

现在，如果我对 /people/coffee/*.coffee 文件中的任何文件进行更改，看起来 page1 和 page2 中的咖啡文件都已编译。如果我添加所有 20 页或更多页面，这显然是一个多余的步骤。

有什么更好的方法？

【问题讨论】：

标签： coffeescript gulp

【解决方案1】：

您可以像这样使用gulp-changed 插件：

gulp.task('compile-coffee', function () {
  // page1    
  gulp.src('./home/coffee/*.coffee')
    .pipe(changed('./home/js', { extension: '.js'}))
    .pipe(coffee())
    .pipe(gulp.dest('./home/js'));

  // page2
  gulp.src('./people/coffee/*.coffee')
    .pipe(changed('./people/js', { extension: '.js'}))
    .pipe(coffee())
    .pipe(gulp.dest('./people/js'));
  });
})

注意要提供扩展选项，否则不起作用。

【讨论】：