whatisgithub

What is webpack-bundle-size-analyzer?

gaearon/webpack-bundle-size-analyzer — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2017-05-21

★ 3TypeScriptAudience · developerComplexity · 2/5DormantSetup · easy

In one sentence

A tool that reads Webpack's build report and shows a tree view of which dependencies are taking up the most space in your app's bundle.

Mindmap

mindmap
  root((webpack-bundle-size-analyzer))
    What it does
      Reads Webpack reports
      Shows size tree
      Percent per dependency
    Tech stack
      TypeScript
      Webpack
      CLI
    Use cases
      Find bloated deps
      Track size over time
      Optimize load time
    Audience
      Web developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Find which library is unexpectedly bloating your production bundle.

USE CASE 2

Track how your app's bundle size changes over time by saving reports on every build.

USE CASE 3

Spot a testing library or dev dependency that leaked into a production build.

What is it built with?

TypeScriptWebpack

How does it compare?

gaearon/webpack-bundle-size-analyzerarpitbhalla/ts-backendbmschmidt/pandoc-tools
Stars333
LanguageTypeScriptTypeScriptTypeScript
Last pushed2017-05-212022-06-092023-04-30
MaintenanceDormantDormantDormant
Setup difficultyeasymoderatemoderate
Complexity2/53/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Sizes shown are pre-minification, so actual shipped sizes will usually be smaller.

Copy-paste prompts

Prompt 1
Show me how to pipe a Webpack stats JSON report into webpack-bundle-size-analyzer.
Prompt 2
Add this tool as a Webpack plugin so it saves a size report on every build.
Prompt 3
Help me interpret this tool's output to find the biggest contributors to my bundle size.

Frequently asked questions

What is webpack-bundle-size-analyzer?

A tool that reads Webpack's build report and shows a tree view of which dependencies are taking up the most space in your app's bundle.

What language is webpack-bundle-size-analyzer written in?

Mainly TypeScript. The stack also includes TypeScript, Webpack.

Is webpack-bundle-size-analyzer actively maintained?

Dormant — no commits in 2+ years (last push 2017-05-21).

How hard is webpack-bundle-size-analyzer to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is webpack-bundle-size-analyzer for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?