webpack-bundle-analyzer 不工作

Posted 2023-03-07

【中文标题】webpack-bundle-analyzer 不工作

【英文标题】：webpack-bundle-analyzer is not working

【发布时间】：2018-10-08 03:45:36

【问题描述】：

我运行下面的命令来创建 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 文件夹中可用

【参考方案1】：

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

npm i -g webpack-bundle-analyzer

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

【参考方案2】：

如果您安装了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