Question 1

How do I set up rollup-plugin-size-snapshot in my Rollup configuration?

Accepted Answer

Import the plugin and add it to your Rollup plugins array, ensuring it's placed before minification plugins like uglify or terser. Configure options like snapshotPath or threshold as needed for your project.

Question 2

What does the treeshaking analysis in rollup-plugin-size-snapshot actually measure?

Accepted Answer

It measures the bundle size when nothing is imported from the library, using both Rollup and Webpack for es format. This helps identify how much dead code might be included if users don't import specific parts.

Question 3

rollup-plugin-size-snapshot or rollup-plugin-visualizer for tracking bundle sizes?

Accepted Answer

rollup-plugin-size-snapshot focuses on automated size tracking and snapshot validation for CI, while rollup-plugin-visualizer provides interactive visualizations but lacks built-in regression prevention. Choose based on whether you need automation or visuals.

Question 4

How can I use the snapshot validation in GitHub Actions CI?

Accepted Answer

Enable matchSnapshot in your Rollup config during CI runs, commit the .size-snapshot.json file, and set thresholds to define acceptable size differences. This will fail the build if sizes exceed limits, catching regressions early.

Question 5

Does rollup-plugin-size-snapshot work with Vite projects?

Accepted Answer

It only works directly with Rollup, but since Vite uses Rollup internally for production builds, you might integrate it with custom Rollup configs in Vite, though it's not officially supported and can be complex.

Question 6

How to interpret the .size-snapshot.json file outputs?

Accepted Answer

The JSON file stores actual, minified, and gzipped sizes for each bundle, along with treeshaking data. Compare entries over time to track changes, and use CI tools to automate checks against thresholds for regression detection.

rollup-plugin-size-snapshot

What is rollup-plugin-size-snapshot?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions