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

否则您可以添加一个调用 webpack-bundle-analyzer 的新 npm script 将其添加到您的 package.json

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

},

执行npm run stats

Answer 2

因为命令应该添加到 PATH 才能从 terminal/shell 调用它。所以在我尝试将包安装到全局后，我可以使用它：

npm i -g webpack-bundle-analyzer

我认为通过将您在本地安装软件包的目录添加到 PATH 也可以解决问题。

webpack-bundle-analyzer is not working