javascript - 在继续下一个任务之前使 gulp 同步写入文件

Question

gulpfile.js

gulp.task('browser-bundle', ['react'], function() {
...

});


gulp.task('react', function(){
  gulp.src(options.JSX_SOURCE)
      .pipe(react())
      .pipe(gulp.dest(options.JSX_DEST))
});

如您所见，我有浏览器捆绑任务，具体取决于 react 任务。我相信这可以按预期工作，因为在输出中我看到了:

[gulp] Running 'react'...
[gulp] Finished 'react' in 3.43 ms
[gulp] Running 'browser-bundle'...

然而，虽然 react 任务已经完成，但它应该写入操作系统的文件还没有完全到位。我注意到，如果我在浏览器捆绑命令中添加了一个 sleep 语句，那么它会按预期工作，但这对我来说似乎有点 hacky。

如果我希望在文件(来自 gulp.dest)被同步写入磁盘之前不认为 react 任务完成，我该怎么做？

Answer 1

你需要一个return语句:

gulp.task('react', function(){
    return gulp.src(options.JSX_SOURCE)
        .pipe(react())
        .pipe(gulp.dest(options.JSX_DEST))
});

这样，我所有的写操作都在下一个任务处理之前完成。