Question 1

Why is my webpack bundle analyzer only showing stat size?

Accepted Answer

This typically occurs when bundles are in memory, such as with webpack-dev-server, because the analyzer needs physical files to calculate parsed and compressed sizes. Ensure you're analyzing a production build or use the CLI with saved stats files from disk-based outputs.

Question 2

How do I exclude assets from the webpack bundle analyzer report?

Accepted Answer

Use the 'excludeAssets' option in the plugin configuration or the '--exclude' flag in the CLI. You can specify patterns as strings, regex, or functions to filter out assets like source maps, vendor chunks, or specific modules from the visualization.

Question 3

Webpack bundle analyzer vs Statoscope: which is better?

Accepted Answer

Webpack Bundle Analyzer excels at intuitive visual exploration with its treemap, ideal for quick insights into bundle composition. Statoscope offers more advanced features like module inclusion reasoning and detailed stats; choose Analyzer for visual clarity and Statoscope for deeper investigative analysis.

Question 4

How to generate a static HTML report with webpack bundle analyzer?

Accepted Answer

Set the 'analyzerMode' to 'static' in the plugin configuration or use '--mode static' in the CLI. Specify the output path with 'reportFilename' or '--report' to create a standalone HTML file that can be shared or archived for later review.

Question 5

What does 'parsed size' mean in webpack bundle analyzer?

Accepted Answer

Parsed size refers to the output size after webpack transformations, such as minification or transpilation. It shows the actual bundle size on disk, providing a more accurate measure for optimization compared to 'stat size', which is the input size before processing.

Question 6

Can I use webpack bundle analyzer with Vite or other bundlers?

Accepted Answer

No, webpack bundle analyzer is specifically tied to webpack's stats and build output. For other bundlers like Vite or Rollup, you need alternative tools such as Rollup Visualizer or the bundler's native analysis features, as this plugin won't work outside the webpack ecosystem.

webpack-bundle-analyzer

What is webpack-bundle-analyzer?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions