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.