Skip to content

Analyze webpack stats(bundle size, assets, modules, packages) and compare the results between different builds.

License

Notifications You must be signed in to change notification settings

panbenson/bundle-stats

 
 

Repository files navigation

BundleStats screenshot

Demo: Compare multiple builds, Single build

BundleStats

Analyze webpack stats(bundle size, assets, modules, packages) and compare the results between different builds.

Node version GitHub action CodeQL

RelativeCI

- Bundle size and totals by file type(css, js, img, etc)
- Cache invalidation, Initial JS/CSS and other bundle specific metrics
- Assets report (entrypoint, initial, types, changed, delta)
- Modules report (changed, delta, chunks, duplicate count and percentage)
- Packages report (count, duplicate, changed, delta)
Side by side comparison for multiple builds

Related projects

In-depth webpack bundle analysis and monitoring

RelativeCI automates webpack bundle analysis, monitoring, and alerting so you can identify and fix bundle regressions before shipping to production:

  • 🔮 Analyze webpack bundle stats on every build
  • 📈 Monitor webpack bundle stats changes and identify tendencies over extended periods
  • 🔔 Get notified via GitHub Checks, GitHub Pull Request comments, and Slack notifications
  • 🔨 Support for all major CI services (CircleCI, GitHub Actions, Gitlab CI, Jenkins, Travis CI)
  • 💕 Always free for Open Source

Try for free

Standalone web application to compare Webpack/Lighthouse/Browsertime stats.

Compare bundle stats

Github Action that generates bundle-stats reports.

Packages

npm npm

CLI to generate bundle stats report.

npm npm

Webpack plugin to generate bundle stats report.

npm npm

Gatsby plugin for bundle-stats.

npm npm

Next.js plugin for bundle-stats.

About

Analyze webpack stats(bundle size, assets, modules, packages) and compare the results between different builds.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.6%
  • TypeScript 34.6%
  • CSS 8.5%
  • Other 0.3%