gulp - 使 gulp.pipe(gulp.dest) 同步

【问题标题】：gulp - make gulp.pipe(gulp.dest) syncgulp - 使 gulp.pipe(gulp.dest) 同步
【发布时间】：2015-08-13 07:51:43
【问题描述】：

我有两个任务，B 依赖于 A。

任务 A 需要循环一个数组，然后执行 gulp.dest，但似乎 B 将在 A 完成之前执行。

A 所做的是加载所有的 html，并将每个注入到template.html

【问题讨论】：

标签： javascript asynchronous gulp synchronous

【解决方案1】：

我为此使用运行序列，可通过 npm 获得（请参阅https://www.npmjs.com/package/run-sequence）。

在你的 gulpfile 中它看起来像这样：

gulp.task("dist-sequence", function() {
    return runSequence("dist-clean",
        [
            "dist-client-js", "dist-vendor-js", "dist-client-css", "dist-vendor-css",
            "dist-fonts", "dist-images", "dist-template", "dist-html"
        ],
        "dist-index-inject");
});

runSequence 中调用的所有任务都按照您声明它们的顺序运行。上面，当我调用dist-sequence 任务时，dist-clean 运行，随后数组中的所有任务并行运行，并且完成后，dist-index-inject 运行。

【讨论】：