javascript - gulp 任务运行请求显示日志消息太晚了

Question

您将如何管理以下任务以使消息正确显示？ “完成”出现在任务实际完成之前。我猜这是因为请求模块。我试图将请求包装成 promise ，但没有成功。有什么想法吗？

gulp.task('sign', function() {

  util.log(util.colors.yellow('fetching build number from remote URL:'));
  util.log(util.colors.yellow(JENKINS_URL));

  request(JENKINS_URL, function(err, res, body) {
    var parsed = isJson(body);
    var number = parsed.number;

    return gulp.src(path.join(DIST_DIR, '**'))
      .pipe(replace('<%= B =%>', number))
      .on('end', function() {
        util.log(util.colors.yellow('new build number is: ' + number));
      })
      .pipe(replace('<%= V =%>', VERSION))
      .on('end', function() {
        util.log(util.colors.yellow('app version is: ' + VERSION));
      })
      .pipe(gulp.dest(DIST_DIR))
      .on('finish', function() {
        util.log(util.colors.green('operation ended successfully!'));
      });
  });
});

Answer 1

您的任务是异步的(它正在发出请求)。因此，您应该接受一个参数(函数)并在完成后调用它。

考虑以下示例:

gulp.task('sign', function(done) {

  util.log(util.colors.yellow('fetching build number from remote URL:'));
  util.log(util.colors.yellow(JENKINS_URL));

  request(JENKINS_URL, function(err, res, body) {
    var parsed = isJson(body);
    var number = parsed.number;

    return gulp.src(path.join(DIST_DIR, '**'))
      .pipe(replace('<%= B =%>', number))
      .on('end', function() {
        util.log(util.colors.yellow('new build number is: ' + number));
      })
      .pipe(replace('<%= V =%>', VERSION))
      .on('end', function() {
        util.log(util.colors.yellow('app version is: ' + VERSION));
      })
      .pipe(gulp.dest(DIST_DIR))
      .on('finish', function() {
        util.log(util.colors.green('operation ended successfully!'));
        done(); 
      });
  });
});

通过这样做，当调用 done 函数时，您的任务将被视为已完成。