Gulp 相关任务答案

【问题标题】：Gulp Dependent TasksGulp 相关任务
【发布时间】：2015-08-02 10:45:32
【问题描述】：

为了构建 Web 应用程序的最终 JS 源代码，我正在编译 JavaScript 模板、CoffeScript 源代码和 vanilla JS 供应商脚本。依赖于前三个的最终任务会将脚本连接到一个文件中。

以下设置，其中我定义了依赖于前三个的最后一个任务，最后一步永远不会执行。似乎该过程不会等到部分文件写入光盘。

我也尝试过合并事件流，但对于这样的事情似乎有点过头了。如果有人能在这里指出正确的方向，我将不胜感激。

// compile JS templates
gulp.task('js-build-template', function() {
    gulp.src('./../app/assets/javascripts/**/*.jst.eco')
        .pipe(eco({ basePath: 'app/assets/javascripts', namespace: 'JST_ATL' }))
        .pipe(concat('_templates.js'))
        .pipe(gulp.dest('public/assets/scripts/partials'));
});

// compile CoffeeScript source
gulp.task('js-build-source', function() {
    gulp.src(js.source)
        .pipe(coffee())
        .pipe(concat('_source.js'))
        .pipe(gulp.dest('public/assets/scripts/partials'));
});

// compile vendor scripts
gulp.task('js-build-vendor', function() {
    gulp.src(js.vendor)
        .pipe(concat('_vendor.js'))
        .pipe(gulp.dest('public/assets/scripts/partials'));
});

// concatenate and fingerprint files
gulp.task('js-build', [ 'js-build-template', 'js-build-source', 'js-build-vendor' ], function() {
    gulp.src([ 'public/assets/scripts/partials/_templates.js', 'public/assets/scripts/partials/_vendor.js', 'public/assets/scripts/partials/_source.js' ])
        .pipe(concat('app.js'))
        .pipe(gulp.dest('public/assets/scripts'))
        .pipe(rev())
        .pipe(gulp.dest('public/assets/scripts'))
        .pipe(rev.manifest())
        .pipe(gulp.dest('public/assets/scripts'));
});

【问题讨论】：

标签： javascript node.js build gulp concat

【解决方案1】：

在您的所有 3 项任务中，您都需要返回语句

gulp.task('js-build-template', function() {
    return gulp.src('./../app/assets/javascripts/**/*.jst.eco')
        .pipe(eco({ basePath: 'app/assets/javascripts', namespace: 'JST_ATL' }))
        .pipe(concat('_templates.js'))
        .pipe(gulp.dest('public/assets/scripts/partials'));
});

这将有助于让最终任务知道他们已经完成并且需要开始......

【讨论】：