mkwtys / bundle-size Goto Github PK

View Code? Open in Web Editor NEW

14.0 3.0 1.0 1.02 MB

Show bundle file size of npm packages

License: MIT License

JavaScript 100.00%

bundle size browserify

bundle-size's Introduction

bundle-size

Show bundle file size of npm packages

Installation

$ npm install bundle-size

Usage

in CLI

$ bundle-size --help
Show bundle file size of npm packages

Usage
  bundle-size [packages] [options]

Options
  -e, --env         set NODE_ENV
  -h, --help        show help
  -r, --reporter    output style (json)
  -v, --version     print version

Example:

bundle-size react
bundle-size react --env development
bundle-size react -e development -e production

in Node.js module

const bundleSize = require('bundle-size');

bundleSize(['react', 'redux'], { env: ['development', 'production'] }).then((results) => {
  console.log(results);
});

// [email protected], [email protected]
//
// env          bundle  minify   gzip
// --           178 kB  89.8 kB  28.2 kB
// development  176 kB  84.2 kB  27.6 kB
// production   176 kB  67 kB    21.2 kB

License

MIT © mkwtys

bundle-size's People

Contributors

Stargazers

Watchers

Forkers

ibrahimjelliti

bundle-size's Issues

use uglify-es?

https://www.npmjs.com/package/uglify-es

badges

http://shields.io/

Binary file name is 'cli'

Hi,

When i installed it globally, (with nvm)
I suppose that bin file name is bundle-size, but the file name is cli now.
I attached my bash history.

2012MidMPR:~$ npm i -g bundle-size
/Users/ssohjiro/.nvm/versions/node/v4.4.4/bin/cli -> /Users/ssohjiro/.nvm/versions/node/v4.4.4/lib/node_modules/bundle-size/bin/cli.js
[email protected] /Users/ssohjiro/.nvm/versions/node/v4.4.4/lib/node_modules/bundle-size
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected])
└── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])

2012MidMPR:~$ npmdle-size
-bash: npmdle-size: command not found

2012MidMPR:~$ cli

2012MidMPR:~$ cli --help

Show bundle file size of npm packages

Usage
  cli [packages] [options]

Options
  -e, --env         set NODE_ENV
  -h, --help        show help
  -r, --reporter    output style
  -v, --version     print version

2012MidMPR:~$

Thanks for good useful module!

show package version

before:

[ { packages: 'react,react-dom',
  bundle: '714.04 kB',
  min: '380.71 kB',
  gzip: '108.66 kB' }]

after:

[ { packages: '[email protected], [email protected]',
  bundle: '714.04 kB',
  min: '380.71 kB',
  gzip: '108.66 kB' }]

choose bundler

browserify
webpack
rollup

reporter option

bundle-size --reporter <reporter>

ref: #9

ci

.travis.yml

test failed

because difference of node version 4/5?

      AssertionError: [ { modules: [ './test/noop' ], bundle: 618, min: 603, gzip: 500 },
  { modules: [ './test/noop' ],
    bundle: 618,
    min: 60 deepEqual [ { modules: [ './test/noop' ], bundle: 609, min: 594, gzip: 484 },
  { modules: [ './test/noop' ],
    bundle: 609,
    min: 59
      + expected - actual

       [
         {
      -    "bundle": 618
      -    "gzip": 500
      -    "min": 603
      +    "bundle": 609
      +    "gzip": 484
      +    "min": 594
           "modules": [
             "./test/noop"
           ]
         }
         {
      -    "bundle": 618
      +    "bundle": 609
           "env": "development"
      -    "gzip": 500
      -    "min": 603
      +    "gzip": 484
      +    "min": 594
           "modules": [
             "./test/noop"
           ]
         }
         {
      -    "bundle": 618
      +    "bundle": 609
           "env": "production"
      -    "gzip": 500
      -    "min": 603
      +    "gzip": 484
      +    "min": 594
           "modules": [
             "./test/noop"
           ]
         }

package install?

npm-install-package
https://github.com/yoshuawuyts/npm-install-package

npmi
https://github.com/maxleiko/npmi

env option

bundle-size --env production
bundle-size --env [development, production]

ref: #9

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Update dependency uglify-js to v3.19.2

Detected dependencies

github-actions

.github/workflows/nodejs.yml

actions/checkout v4

actions/setup-node v4

codecov/codecov-action v4

npm

package.json

browserify 17.0.0

cli-table3 0.6.5

envify 4.1.0

minimist 1.2.8

ora 8.0.1

pretty-bytes 6.1.1

uglify-js 3.18.0

jest 29.7.0

Check this box to trigger a request for Renovate to run again on this repository

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

loading spinner

https://github.com/sindresorhus/ora
https://github.com/sindresorhus/cli-spinners

badge

add badges

cli

bundle-size react
bundle-size [react, react-dom]