使用 gulp-size 显示生成的总大小

Use gulp-size to display total size of build

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

我正在尝试使用gulp-size来显示最终构建目录的总大小。

这是我所拥有的：

gulp.task('build', ['copy:resources', 'copy:images', 'sass'], function() {
  return gulp.src(config.dist + '/**/*')
    .pipe(plugins.size({
      gzip: false,
      showFiles: true
    }));
});

当我多次运行它时，显示的文件列表和总大小不断变化。

构建完成后比较目录结构显示内容完全相同，这可能意味着gulp-size任务的执行时间不正确。我希望它在完成后运行'copy:resources', 'copy:images', 'sass'但事实似乎并非如此。

为什么在所有文件复制完成后不运行，或者有没有其他方法可以显示最终构建大小？

作为参考，我使用的是 gulp 3.9.0 和 gulp 大小 2.0.0。

您可以简单地执行以下操作：

gulp.task('size-dest', function() {
    console.log('Total file size in dist folder:');
  return gulp.src(config.dist + '/**/*')
    .pipe(size({showTotal: true, pretty: true}));
});

此任务可以在构建任务之后按顺序完成（请参阅 gulp 序列），如下所示：

gulp.task('build_size', function(cb) {
  return runSequence(
    'build',  /* your build task */
    'size-dest',
    cb);
});
相关文章：