rsnext/examples/with-webpack-bundle-size-analyzer
David Janda 44b7b3c953
Updated with-webpack-bundle-size-analyzer to use SSG (#11657)
* Replaced getInitialProps with SSG

* Moved faker to a top level import and re-added contact.js
2020-04-07 13:20:50 -05:00
..
pages Updated with-webpack-bundle-size-analyzer to use SSG (#11657) 2020-04-07 13:20:50 -05:00
next.config.js Improve linting rules to catch more errors (#9374) 2019-11-10 19:24:53 -08:00
package.json Test updater script on examples folder (#5993) 2019-01-05 12:19:27 +01:00
README.md Make example READMEs more consistent (#10124) 2020-01-16 23:23:56 +01:00

Webpack Bundle Size Analyzer

This example shows how to analyze the output bundles using webpack-bundle-size-analyzer

How to use

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init next-app --example with-webpack-bundle-size-analyzer with-webpack-bundle-size-analyzer-app
# or
yarn create next-app --example with-webpack-bundle-size-analyzer with-webpack-bundle-size-analyzer-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-webpack-bundle-size-analyzer
cd with-webpack-bundle-size-analyzer

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Notes

To analyze your webpack output, invoke the following command:

npm run analyze
# or
yarn analyze