web-dev-qa-db-de.com

So führen Sie den Webpack-Bundle-Analyzer aus

Ich habe den Webpack-Bundle-Analyzer installiert und muss ihn ausführen. Wie kann ich es tun? Ich habe mehrere Fehler. Eine der häufigsten ist

Could't analyze webpack bundle
10
Roman

Schließlich stellte ich fest, dass man dieses Problem auf zwei Arten lösen kann. Mehr sehen . In jedem Fall müssen Sie zu webpack.config.js hinzufügen.

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

und zu

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

Wenn Sie die HTML-Seite des Berichts bei jeder Erstellung in Ihrem Browser anzeigen möchten, sind keine Aktionen erforderlich.

Wenn Sie die Berichtsseite von Zeit zu Zeit mit Ihrer CLI ausführen möchten, müssen Sie den Server in der webpack.config.js wie folgt deaktivieren:

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

und um die Zeile in den Skriptabschnitt Ihres package.json einzufügen:

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

Ich habe die zweite Wahl getroffen.

26
Roman