web-dev-qa-db-fra.com

Comment exécuter webpack-bundle-analyzer

J'ai installé webpack-bundle-analyzer et dois l'exécuter. Comment puis-je le faire? J'ai plusieurs erreurs. L'un des plus courants est

Could't analyze webpack bundle
webpackwebpack-dev-serverwebpack-2
10
Roman

Enfin, j'ai trouvé que l'on peut résoudre ce problème de deux manières. Voir plus . Dans tous les cas, vous devez ajouter à webpack.config.js 

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

et à

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

Ensuite, si vous souhaitez consulter la page HTML du rapport dans votre navigateur chaque fois que vous effectuez une génération, aucune action n'est requise.

Si vous souhaitez exécuter la page de rapport de temps en temps à l'aide de votre CLI, vous devez désactiver le serveur dans le webpack.config.js comme ceci:

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

et pour ajouter la ligne dans la section script de votre package.json :

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

J'ai fait le deuxième choix.

26
Roman