Know the performance impact of including an npm package in your app's bundle.
Bundlephobia's looking for contributors and co-maintainers
Features
- Works with ES6 packages
- Can build css and scss packages as well (beta)
- Reports historical trends
- See package composition
Badges
- badgen.net - example size of react:
- shields.io - example size of react:
Built using bundlephobia
- Size in browser - As seen on package searches at yarnpkg.com
- bundlephobia-cli - A Command Line client for bundlephobia
- importcost - An Atom plugin to display size of imported packages
- JS Bundle Size Cross-Browser Extension - Chrome and Firefox extension automatically adding package size to the github and npm pages.
- npmcharts.com - bundle size stats at top of page
- Rollpkg - A build tool to create packages with Rollup and TypeScript
Support
Liked bundlephobia? Used it's API to build something cool? Let us know!
We could use some 💛 and sponsorship on –
FAQ
1. Why does search for package X throw MissingDependencyError ?
This error is thrown if a package requires a dependency without adding it in its dependencies or peerDependencies list. In the absence of such a definition, we cannot reliably report the size of the package - since we cannot resolve any information about the package.
In such a case, it's best to report an issue with the package author asking the missing package to be added to its package.json
2. I see a BuildError for package X, but I'm not sure why.
You can see a detailed stack trace in your devtools console, and open an issue with the relevant details. Working on a more ideal solution for this.
Contributing
See Contributing
Sponsors
