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＆gt; 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

Answer 2

在从终端/ shell调用PATH之前，应将命令添加到{{3}}中。 因此，在尝试将软件包安装到全局软件包之后，我可以使用它：

npm i -g webpack-bundle-analyzer

我认为通过添加目录将软件包本地安装到PATH也会解决此问题。