The webpack-bundle-analyzer is a great package to analyze the bundle size of ReactJS app. However, in order to use that plugin, we need to edit the webpack config. React apps made with Create-react-app needs to eject the app in order to edit it. But we’ve got a solution!
Analyze bundle size of apps created using Create React App
- Install webpack-bundle-analyzer
npm i -D webpack-bundle-analyzer
- Create a new
build.jsin the root directory with the following code
- Generate the report using
report.html will be opened automatically in your browser. If not, manually open it in the browser from