为什么有些 Gulp 流默认“流动”，而另一些则不流动？

考虑这两个 gulp 任务：

gulp.task('src', function(done) {
  gulp.src('docs/*')
    .on('end', function() {
      console.log('ending');
      done();
    });
});

gulp.task('dest', function(done) {
  gulp.src('docs/*')
    .pipe(gulp.dest('temp'))
    .on('end', function() {
      console.log('ending');
      done();
    });
});

Running gulp dest行为如预期，输出：

[12:33:15] Using gulpfile ~/Projects/gulp-exit/gulpfile.js
[12:33:15] Starting 'dest'...
ending
[12:33:15] Finished 'dest' after 13 ms

然而，运行gulp src仅输出：

[12:31:11] Using gulpfile gulpfile.js
[12:31:11] Starting 'src'...

The 'end'回调永远不会被调用。经过一番调试后，我认为dest任务是flowing而源任务中的流则不是。

发出信号src通过调用显式地执行任务stream.resume():

gulp.task('src', function(done) {
  gulp.src('docs/*')
    .on('end', function() {
      console.log('ending');
      done();
    })
    .resume();
});

给出预期输出：

[12:46:52] Using gulpfile gulpfile.js
[12:46:52] Starting 'src'...
ending
[12:46:52] Finished 'src' after 11 ms

我在插件中看到过同样的行为组合：gulp.dest and 喝摩卡咖啡似乎又回到了流动的溪流吞咽记录器 and gulp-gh-页面 do not.

为什么行为上有差异？

之所以会出现这种情况，是因为有的流有数据要读取，有的则没有。

gulp.src('docs/*')返回一个可读流，其中包含每个文件的数据docs. The end仅当从流中读取了所有数据后，该事件才会触发可读流。

通常，您会将其通过管道传输到另一个自动执行此操作的流，但由于您不是，因此您需要使用：

gulp.task('src', function(done) {
  gulp.src('docs/*')
    .on('data', function() {})
    .on('end', function() {
      console.log('ending');
      done();
    });
});

或者，您可以使用finish事件，（我认为）等待所有数据被推入流中（即它完成工作）：

gulp.task('src', function(done) {
  gulp.src('docs/*')
    .on('finish', function() {
      console.log('ending');
      done();
    });
});

你的第二个 gulp 任务使用gulp.dest('temp')它返回一个没有数据的流，所以end流处理完成后立即触发。