webpack-bundle-analyzer is not working

angular webpack package.json webpack-bundle-analyzer
Ambuj Khanna picture Ambuj Khanna · Apr 27, 2018 · Viewed 13.6k times · Source

I run below command to create stats.json:

ng build --prod --stats-json

After this I am executing below code:

webpack-bundle-analyzer dist/stats.json

once I execute it I am receiving below error in my terminal:

'webpack-bundle-analyzer' is not recognized as an internal or external command, operable program or batch file.

I have installed webpack-bundle-analyzer.

In Package.json file it's available

"webpack-bundle-analyzer": "^2.11.1"

Please help me to resolve.

Note : Stats.json is available in dist folder

Answer

Vikas picture Vikas · Apr 27, 2018

If you have npm >5.2 installed, a new utility, npx should already be available
Execute npx webpack-bundle-analyzer dist/stats.json

else you can add a new npm script that calls webpack-bundle-analyzer add this in your package.json

"scripts": {
  "stats": "webpack-bundle-analyzer dist/stats.json",

},

Execute npm run stats

Related questions

Angular5 :polyfills.ts & \main.ts is missing from the TypeScript compilation

This is my Angular5 project structure. Both tsconfig.app.json and package.json contain this section "include": [ "/src/main.ts", "/src/polyfills.ts" ] But no matter what I try I still get this error: \polyfills.ts & \main.ts is …

Read More
How to bundle an Angular app for production

What is the best method to bundle Angular (version 2, 4, 6, ...) for production on a live web server. Please include the Angular version within answers so we can track better when it moves to later releases.

Read More
How to add font-awesome to Angular 2 + CLI project

I'm using Angular 2+ and Angular CLI. How do I add font-awesome to my project?

Read More