@relative-ci/webpack-bundle-stats

Webpack Bundle Stats

Generate bundle report from the webpack stats data.

Demo - one job | Demo - multiple jobs

Install

npm install -g @relative-ci/webpack-bundle-stats

or

yarn global add @relative-ci/webpack-bundle-stats

Configuration

Configure Webpack stats to output the necessary data:

{
  stats: {
    assets: true,
    entrypoints: true,
    chunks: true,
    modules: true
  }
}

More info

Usage

$ webpack-bundle-stats -h
Usage: webpack-bundle-stats OPTIONS [STATS_FILE]...

Options:
  --html         Save HTML report                      [boolean] [default: true]
  --json         Save JSON data                       [boolean] [default: false]
  --demo         Generate demo reports                          [default: false]
  -d, --out-dir  Output directory                            [default: "./dist"]
  -h, --help     Show help                                             [boolean]
  -v, --version  Show version number                                   [boolean]

$ webpack-bundle-stats --html --json __fixtures__/webpack-stats-0.json __fixtures__/webpack-stats-1.json
  ✔ Read Webpack stat files
  ✔ Gather data
  ✔ Generate reports
  ✔ Save reports

Reports saved:
- ./dist/report.html
- ./dist/report.json