webpack-bundle-analyzer无法正常工作

Question

我运行以下命令来创建stats.json:

ng build --prod --stats-json

在此之后我执行下面的代码:

webpack-bundle-analyzer dist/stats.json

一旦我执行它,我在终端中收到以下错误:

'webpack-bundle-analyzer'不被识别为内部或外部命令,可操作程序或批处理文件.

我已经安装了webpack-bundle-analyzer.

在Package.json文件中它可用

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

请帮我解决.

注意:Stats.json在dist文件夹中可用

Answer 1

如果npm安装了> 5.2,则新的实用程序npx应该已经可用.
执行 npx webpack-bundle-analyzer dist/stats.json

否则你可以在package.json中添加一个新的npm script调用webpack-bundle-analyzer添加它

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

},

执行 npm run stats