Gulp 流在文件写入之前完成

Question

我们的构建过程通过 browserify 运行我们的 app.js 来处理 require() 语句，然后将结果与其他一些脚本连接起来以创建 scripts.js。这是在两个单独的任务中完成的。

由于某种原因，第一个任务在写入文件之前结束，导致app.js被排除在构建之外。该任务是从 this Gulp recipe 复制而来的，只做了很少的修改。

以下是我们的 gulpfile 的相关部分：

gulp.task('scripts', ['angular', 'views-js'], function () { var bundledStream = through(); bundledStream .pipe(source('app.js')) .pipe(buffer()) .pipe(debug()) .pipe(uglify()) .on('error', gutil.log) .pipe(sourcemaps.write(paths.target)) .pipe(gulp.dest(paths.target)); globby([paths.scripts], function(err, entries) { if (err) { bundledStream.emit('error', err); return; } var b = browserify({ entries: entries, debug: true, }); b.bundle().pipe(bundledStream); }); return bundledStream; }); // Take all the scripts in the target directory and concatenate them to scripts.js. gulp.task('scripts-all', ['scripts'], function () { return gulp.src([path.join(paths.target, '*.js'), '!'+path.join(paths.target, 'scripts.js')]) .pipe(debug()) .pipe(concat('scripts.js')) .pipe(header(banner, { pkg : pkg } )) .pipe(gulp.dest(paths.target)) .pipe(livereload(reloadServer)); });

这就是我们构建时发生的情况。请注意，.debug() 管道在 任务完成后 执行。这会导致文件错过 scripts-all 中的 .src() 扫描。

[16:57:46] Starting 'scripts'... [16:57:46] Finished 'views' after 835 ms [16:57:47] Finished 'scripts' after 749 ms [16:57:47] Starting 'scripts-all'... [16:57:47] gulp-debug: (2015-09-28 13:57:47 UTC) File cwd: ~/projects/ourProject base: ~/projects/ourProject path: ~/projects/ourProject/app.js contents: (function e(t,n,r){function s(o,u){if(!n... [16:57:48] gulp-debug: end event fired (2015-09-28 13:57:48 UTC)

我们做错了什么？

Answer 1

我不知道 globby 但文档说它 return 是一个承诺。我的猜测是承诺将在它完成时得到解决并且 return 来自您传入的函数。您可能需要 return 承诺以阻止任务完成。

如果这不能解决这个问题，我会尝试创建您自己的承诺并在 bundledStream 的 'end' 事件处理程序中解决它，因为看起来您想在 bundledStream 完成了它的工作。

var Q = require('q');

gulp.task('scripts', ['angular', 'views-js'], function () {
  var bundledStream = through();

  var deferred = Q.defer();

  bundledStream
      .pipe(source('app.js'))
      .pipe(buffer())
      .pipe(debug())
      .pipe(uglify())
      .on('error', gutil.log)
      .pipe(sourcemaps.write(paths.target))
      .pipe(gulp.dest(paths.target))
      .on('end', function()
        {
        deferred.resolve();
        });
....
  return deferred.promise;

我没有测试过你的特定任务，但这就是我昨天处理类似问题的方式。

Gulp 流在文件写入之前完成

Gulp stream finishes before file is written

javascript

glob

browserify

gulp