angular - webpack-bundle-analyzer 不工作

Question

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

ng build --prod --stats-json

在此之后我执行以下代码:

webpack-bundle-analyzer dist/stats.json

一旦我执行它，我的终端就会收到以下错误:

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

我已经安装了 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

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

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

},

执行npm run stats