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

Question

如何管理以下任务以使消息正确显示？ “完成”是在任务实际完成之前完成的。我想这是因为请求模块。我试图将请求包装为承诺，但没有运气。有任何想法吗？

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函数被调用你的任务将被考虑。