EsBuild Visualizer

Visualize and analyze your esbuild bundle to see which modules are taking up space.

Installation

npm install --save-dev esbuild-visualizer

or via yarn:

yarn add --dev esbuild-visualizer

Usage

Add script to package.json for example:

esbuild-visualizer --metadata ./meta.json --exclude *.png

Options

--filename (string, default stats.html) - name of the file with diagram to generate

--title (string, default Esbuild Visualizer) - title tag value

--template (string, default treemap) - diagram type to use, could be sunburst, treemap, network

Disclaimer about generated files

Generated html files do not and never will contain your source code (contents of files). They can contain only js/html/css code required to build chart (plugin code) and statistical information about your source code.

This statistical information can contain:

• size of files included in bundle
• size of files included in source map
• file's path
• files hierarchy (fs tree for your files)

Upgrades

See CHANGELOG.md.

Changelog

0.7.0

• Sync with rollup plugin

0.6.0

• Make output idempotent

0.5.1

• Return old signature to visulaizer function

0.5.0

• Resync with rollup plugin
  • flamegraph
  • new include/exclude
• Allow to pass multiple --metadata

0.4.1

• Fix tooltip positioning when path too long. PR
• Update versions

0.4.0

• Allow programmatic use with setting correct main
• Resync with rollup plugin

0.3.1

• Fix nanoid dependency

0.3.0

• Feature parity with rollup plugin

0.2.0

• Drop most of the options

  0.1.1

• Initial stable version based on RollUp plugin