https://github.com/btd/esbuild-visualizer
Create chart of dependencies in your bundle
https://github.com/btd/esbuild-visualizer
chart dependency esbuild hacktoberfest visualization
Last synced: 3 months ago
JSON representation
Create chart of dependencies in your bundle
- Host: GitHub
- URL: https://github.com/btd/esbuild-visualizer
- Owner: btd
- License: mit
- Created: 2021-01-16T15:04:14.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-12-27T10:44:20.000Z (7 months ago)
- Last Synced: 2025-04-12T19:49:59.794Z (3 months ago)
- Topics: chart, dependency, esbuild, hacktoberfest, visualization
- Language: TypeScript
- Homepage:
- Size: 680 KB
- Stars: 71
- Watchers: 3
- Forks: 5
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# EsBuild Visualizer
[](https://npmjs.org/package/esbuild-visualizer) [](https://travis-ci.com/btd/esbuild-visualizer)
Visualize and analyze your esbuild bundle to see which modules are taking up space.
## Installation```sh
npm install --save-dev esbuild-visualizer
```or via yarn:
```sh
yarn add --dev esbuild-visualizer
```## Usage
Add script to package.json for example:
```sh
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.