Как запустить webpack-bundle-analyzer - PullRequest
Новая
       89

Как запустить webpack-bundle-analyzer

0 голосов
/ 09 мая 2018

Я установил webpack-bundle-analyzer и мне нужно его запустить. Как мне это сделать? У меня есть несколько ошибок. Одним из самых распространенных является 

Could't analyze webpack bundle

1 Ответ

0 голосов
/ 09 мая 2018

Наконец я обнаружил, что эту проблему можно решить двумя способами. Подробнее . В любом случае вам нужно добавить в webpack.config.js 

var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

и 

plugins : [ 
  new BundleAnalyzerPlugin({
    analyzerMode: 'server',
    generateStatsFile: true,
    statsOptions: { source: false }
  }),
  ...
],

Тогда, если вы хотите просматривать HTML-страницу отчета в вашем браузере каждый раз, когда вы делаете сборку, никаких действий не требуется.

Если вы хотите время от времени запускать страницу отчета, используя свой CLI, вам необходимо отключить сервер в webpack.config.js , например так: 

plugins : [ 
  new BundleAnalyzerPlugin({
    analyzerMode: 'disabled',
    generateStatsFile: true,
    statsOptions: { source: false }
  }),
  ...
],

и добавить строку в разделе сценариев вашего package.json : 

"scripts": {
  "bundle-report": "webpack-bundle-analyzer --port 4200 dist/stats.json",
  ...
}

Я сделал второй выбор.

...