在吞咽流中显示进度条

Display progress bar in a gulp stream

本文关键字：显示      更新时间：2023-09-26

复制某些文件时，有没有办法在gulp中显示进度条？

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

下面是一个将进度流与 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));
});
相关文章：