web-dev-qa-db-ja.com

webpack-bundle-analyzerが機能しない

以下のコマンドを実行して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フォルダーにあります

angularwebpackpackage.jsonwebpack-bundle-analyzer
9
Ambuj Khanna

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

19
Vikas