在gulp流中顯示進度條

Question

複製某些文件時是否有一種方法在gulp中顯示進度條？

gulp.task('release:step-2', function() { 
    return gulp.src(config.copy_src, { dot: true }) 
     .pipe(gulp.dest(config.path.dest.app)); 
}); 

Answer 1

下面是使用progress-stream和Gulp的示例。

var fs = require('fs'); 
var gulp = require('gulp'); 
var progress = require('progress-stream'); 

var filePath = config.copy_src; 
var fileSize = fs.statSync(filePath).size; 

var progressStream = progress({ 
    length: fileSize, 
    time: 100, 
    objectMode: true 
}); 

progressStream.on('progress', function (stats) { 
    console.log(Math.round(stats.percentage) + '%'); 
}); 

gulp.task('release:step-2', function() { 
    return gulp.src(config.copy_surc, { dot: true }) 
    .pipe(progressStream) 
    .pipe(gulp.dest(config.path.dest.app)); 
});