npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

bundle-size-usage

v1.0.1

Published

`bundle-size-usage` helps you understand which source files contribute the most bytes to an esbuild bundle. It parses the inline path comments that esbuild appends to each wrapped module and returns a size summary that you can consume through a CLI or pro

Downloads

276

Readme

bundle-size-usage

bundle-size-usage helps you understand which source files contribute the most bytes to an esbuild bundle. It parses the inline path comments that esbuild appends to each wrapped module and returns a size summary that you can consume through a CLI or programmatically.

npm Package Version

Features

  • Parses esbuild IIFE bundles and reports per-file byte usage
  • CLI sorts output from largest to smallest so hotspots stand out immediately
  • CLI hides tree-shaken (disabled) modules so you only see shipped code
  • Ships with both a CLI and a tiny TypeScript-first API
  • Zero runtime dependencies and works in Node.js or the browser

Installation

You can also install bundle-size-usage with pnpm, yarn, or slnpm.

CLI Usage

  • Pass one or more bundle files; the CLI prints a separate section for each.
  • Use --help to see usage information or --version to print the current package version.
  • The command exits with a non-zero status if no recognizable esbuild modules are found.

Library Usage

You can embed bundle-size-usage into your own tooling to analyze bundle contents, build dashboards, or fail CI when modules cross a threshold.

  • parseFile reads the bundle from disk and returns an array of { path, size }.
  • Returned items keep the original bundle order; sort manually (as above) if you want a different view.
  • Filter out entries whose path begins with (disabled): if you want parity with the CLI output.
  • Use parseCode when you already have the bundle contents loaded as a string.
  • The function ignores sections that esbuild marks as (disabled) so your numbers reflect what actually ships.

TypeScript Signatures

How It Works

esbuild adds comment headers such as // src/components/App.tsx before each wrapped module. bundle-size-usage reads those sections, measures the byte length of the module body, and sums it per file. Disabled chunks (e.g. tree-shaken modules) are skipped so you only see the code that lands in the output bundle.

License

This project is licensed with BSD-2-Clause

This is free, libre, and open-source software. It comes down to four essential freedoms [ref]:

  • The freedom to run the program as you wish, for any purpose
  • The freedom to study how the program works, and change it so it does your computing as you wish
  • The freedom to redistribute copies so you can help others
  • The freedom to distribute copies of your modified versions to others