SaaSActive

esbuild Bundle Size Analyzer

Visualize the contents of your esbuild bundle from a metafile.

Open source page ↗

Field note

What it does

A web tool that visualizes the contents of an esbuild bundle. Add the metafile option to your esbuild command, then import it using the button below.

Capabilities

Available capabilities

Flame Chart Bundle Visualization Metafile Import Sunburst Chart Treemap Chart

Tags

Tags

Bundle Analysis Visualization esbuild Bundle Analyzer

Ways to use it

Ways to use it

No integrations filed yet.

Product features

Product features

# Avoid direct eval when bundling

Content Types

# ES5 is not supported well

Example Loader

Load an example metafile to explore the visualization.

Flame Chart

Visualize bundle contents as a flame chart.

# Imports follow ECMAScript module behavior

# JavaScript

# JavaScript caveats

Metafile Import

Import an esbuild metafile to analyze the bundle.

# Private member performance

Sunburst Chart

Visualize bundle contents as a sunburst chart.

# The default export can be error-prone

# The value of this is not preserved on functions called from a module namespace object

# The value of toString() is not preserved on functions (and classes)

Treemap Chart

Visualize bundle contents as a treemap chart.

# TypeScript

# TypeScript caveats