angular - 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 文件夹中可用

score 42 · Accepted Answer

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

否则，您可以添加一个新npm script的调用webpack-bundle-analyzeradd this in your package.json

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

},

执行npm run stats

score 1 · Accepted Answer

因为命令应该添加到PATH它可以从终端/外壳调用之前。所以在我尝试将包安装到全局之后，我可以使用它：

npm i -g webpack-bundle-analyzer

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

2 回答 2