gulpストリームにプログレスバーを表示

Question

特定のファイルをコピーするときに、プログレスバーを表示する方法はありますか？

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)); 
});