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 >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

Поскольку команды должны быть добавлены в PATH прежде, чем его можно будет вызвать из терминала / оболочки. Итак, после того, как я попытаюсь установить пакет в global, я могу его использовать:

npm i -g webpack-bundle-analyzer

Я думаю, добавляя каталог, вы устанавливаете пакет локально в PATH тоже исправит проблему.