bundlesize

2018-12-06 admin

bundlesize是什么

什么是bundlesize,Keep your library size in check

bundlesize使用教程帮助文档

Keep your bundle size in check

Build Status NPM Version NPM Downloads

minimal setup

npm install bundlesize --save-dev

usage

Add it to your scripts in package.json

"scripts": {
  "test": "bundlesize"
}

Or you can use npx with NPM 5.2+.

npx bundlesize

configuration

1) Add the path and maxSize in your package.json.

By default the gzipped size is tested. You can use the compression option to change this. (gzip, brotli, or none).

{
  "name": "your cool library",
  "version": "1.1.2",
  "bundlesize": [
    {
      "path": "./dist.js",
      "maxSize": "3 kB"
    }
  ]
}

bundlesize also supports glob patterns

Example:

"bundlesize": [
  {
    "path": "./dist/vendor-*.js",
    "maxSize": "3 kB"
  },
  {
    "path": "./dist/chunk-*.js",
    "maxSize": "3 kB"
  }
]

This makes it great for using with applications that are bundled with another tool. It will match multiple files if necessary and create a new row for each file.

2) build status

build status

Currently works for Travis CI, CircleCI, Wercker, and Drone.

(Ask me for help if you’re stuck)

CLI

example usage:

bundlesize -f "dist/*.js" -s 20kB

For more granular configuration, we recommend configuring it in the package.json (documented above).

like it?

<g-emoji class=“g-emoji” alias=“star” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/2b50.png”>⭐️</g-emoji> this repo

how to contribute?

Featured on Totally tooling tips and Chrome Dev Summit!!

who uses bundlesize?

TODO

  • Work with other CI tools
  • Automate setup (setting env_var)

similar projects

Contributors

This project exists thanks to all the people who contribute. [Contribute].

license

MIT © siddharthkp

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-47449.html

文章标题:bundlesize

回到顶部