Gulp插件之gulp-size

Gulp

目录:

gulp-size

项目地址: [https://github.com/sindresorhus/gulp-size]

显示项目大小

安装

• npm npm i -D gulp-size
• yarn yarn add -D gulp-size

使用

const gulp = require('gulp');
const size = require('gulp-size');
gulp.task('default', () => {
  gulp.src('index.js')
    .pipe(size())
    .pipe(gulp.dest('dist'))
})

API

size([options])

options

title

• 类型: string
• 默认: ''

给它一个标题，所以可以区分一次记录多个实例的输出。

gzip

• 类型: boolean
• 默认: false

显示gzip压缩大小

pretty

• 类型: boolean
• 默认: true

美化显示大小: 1337B -> 1.34kB

showFiles

• 类型: boolean
• 默认: false

显示每个文件大小,而不是总大小

showTotal

• 类型: boolean
• 默认: true

显示文件总数

size.size

• 类型: boolean
• 例子: 12423000

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

size.prettySize

• 类型: string
• 例子: '14kB'

美化版本的.size

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