Bundlephobia

<p align="center"> <img src="https://cdn.rawgit.com/pastelsky/bundlephobia/bundlephobia/client/assets/site-logo.svg" alt="" width="290" height="235" /> </p> <p align="center"> <img src="https://img.shields.io/npm/v/package-build-stats.svg" /> <img src="https://img.shields.io/npm/l/package-build-stats.svg" /> <a href="https://discord.gg/trbWvVet44"> <img src="https://badgen.net/badge/icon/discord?icon=discord&label"/> </a> </p> <p align="center"> <a href="https://bundlephobia.com"> bundlephobia.com </a> <br /> </p> <p align="center"> Know the performance impact of including an npm package in your app's bundle. </p> <p align="center"> <b><a href="https://github.com/pastelsky/bundlephobia/issues/683"> Bundlephobia's looking for contributors and co-maintainers </a> </b> </p>

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 –

<a href="https://github.com/sponsors/pastelsky"> <img src="https://opencollective.com/bundlephobia/tiers/backer.svg"/> </a>

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

<a href="https://www.digitalocean.com?utm_medium=opensource&utm_source=bundlephobia"><img width="100px" src="https://upload.wikimedia.org/wikipedia/commons/f/ff/DigitalOcean_logo.svg"/></a>