gulp常用插件之gulp-size使用

更多gulp常用插件使用请访问：gulp常用插件汇总

---

gulp-size这是一款显示项目的大小插件。

更多使用文档请点击访问gulp-size工具官网。

安装

一键安装不多解释

npm install --save-dev gulp-size

使用

const gulp = require('gulp');
const size = require('gulp-size');

exports.default = () => (
	gulp.src('fixture.js')
		.pipe(size())
		.pipe(gulp.dest('dist'))
);

API

size(options?)

options

类型: object

• title
  
  类型：string
  
  默认值：''
  
  给它起一个标题，以便可以区分一次记录的多个实例的输出。

• gzip
  
  类型：boolean
  
  默认值：false
  
  改为显示压缩的大小。

• pretty
  
  类型：boolean
  
  默认值：true
  
  显示预设的大小：1337 B→ 1.34 kB。

• showFiles
  
  类型：boolean
  
  默认值：false
  
  显示每个文件的大小，而不只是总大小。

• showTotal
  
  类型：boolean
  
  默认值：true
  
  显示所有文件的总数。

size.size

类型：number

示例：12423000`

所有文件的总大小（以字节为单位）。

size.prettySize

类型：string

示例：14 kB

的美化版本.size。

例如，对于报告项目总规模有用gulp-notify：

const gulp = require('gulp');
const size = require('gulp-size');
const notify = require('gulp-notify');

exports.default = () => {
	const s = size();

	return gulp.src('fixture.js')
		.pipe(s)
		.pipe(gulp.dest('dist'))
		.pipe(notify({
			onLast: true,
			message: () => `Total size ${s.prettySize}`
		}));
};