在gulp流中显示进度条

Question

Is there a method to display the progress bar in gulp when copying certain files?

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

Answer 1

Here's an example of using progress-stream with 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));
});