21

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

Ambuj Khanna
  • 1,131
  • 3
  • 12
  • 32

2 Answers2

47

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

Vikas
  • 11,859
  • 7
  • 45
  • 69
2

As commands should be added to the PATH before it can be called from terminal/shell. So after I try to install the package into global, I can use it:

npm i -g webpack-bundle-analyzer

I think by adding the directory you install the package locally to the PATH will fix the problem too.

Lushang
  • 191
  • 1
  • 4