what is webpack-bundle-analyzer fr?

patrickjs/webpack-bundle-analyzer — explained in plain English

Analysis updated 2026-07-18 · repo last pushed 2017-02-08

JavaScriptAudience · developerComplexity · 2/5DormantSetup · easy

vibe map

mindmap
  root((repo))
    What it does
      Visualizes bundle contents
      Interactive treemap view
      Works on minified code
    Tech stack
      JavaScript
      Webpack plugin
      CLI tool
      HTML report
    Use cases
      Find bundle bloat
      Spot duplicate deps
      Speed up load times
    Audience
      Frontend developers
      Product managers
    Usage
      Add as webpack plugin
      Run on stats file
      Share HTML report

mindmap root((repo)) What it does Visualizes bundle contents Interactive treemap view Works on minified code Tech stack JavaScript Webpack plugin CLI tool HTML report Use cases Find bundle bloat Spot duplicate deps Speed up load times Audience Frontend developers Product managers Usage Add as webpack plugin Run on stats file Share HTML report

what do people make with this?

VIBE 1

Add the plugin to a webpack config to get an automatic bundle-size report on every build.

VIBE 2

Run the CLI tool on an existing stats file to inspect a bundle without rebuilding.

VIBE 3

Spot unused libraries or duplicate dependencies that are bloating a site's JavaScript.

VIBE 4

Share a standalone HTML treemap report with a team to justify optimization work.

what's the stack?

JavaScriptWebpack

how it stacks up fr

	patrickjs/webpack-bundle-analyzer	3rd-eden/ircb.io	a15n/a15n
Language	JavaScript	JavaScript	JavaScript
Last pushed	2017-02-08	2016-11-16	2019-04-07
Maintenance	Dormant	Dormant	Dormant
Setup difficulty	easy	easy	easy
Complexity	2/5	2/5	2/5
Audience	developer	developer	general

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

how do i run it?

Difficulty · easy time til it works · 5min

prompts (copy fr)

prompt 1

Show me how to add webpack-bundle-analyzer as a plugin to my webpack config.

prompt 2

Explain how to run this tool on an existing webpack stats.json file without rebuilding my project.

prompt 3

Help me interpret the treemap output to find which dependency is bloating my bundle the most.

prompt 4

Walk me through generating a standalone HTML report I can share with my team.

prompt 5

Show me how this tool works on minified bundles versus regular development builds.

Frequently asked questions