mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
29 lines
799 B
Markdown
29 lines
799 B
Markdown
|
[](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/with-webpack-bundle-size-analyzer)
|
||
|
|
|
||
|
|
# Webpack Bundle Size Analyzer
|
||
|
|
|
||
|
|
## How to use
|
||
|
|
|
||
|
|
Download the example [or clone the repo](https://github.com/zeit/next.js):
|
||
|
|
|
||
|
|
```bash
|
||
|
|
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-webpack-bundle-size-analyzer
|
||
|
|
cd with-webpack-bundle-size-analyzer
|
||
|
|
```
|
||
|
|
|
||
|
|
Install it
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm install
|
||
|
|
```
|
||
|
|
|
||
|
|
## The idea behind the example
|
||
|
|
|
||
|
|
This example shows how to analyze the output bundles using [webpack-bundle-size-analyzer](https://www.npmjs.com/package/webpack-bundle-size-analyzer)
|
||
|
|
|
||
|
|
To analyze your webpack output, invoke the following command:
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run analyze
|
||
|
|
```
|