gulp常用插件之gulp-size使用

こ雲淡風輕ζ 提交于 2020-01-12 23:34:48

更多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 B1.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}`
        }));
};
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!