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