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: 9 days 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 (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-27T18:41:21.000Z (11 months ago)
• Last Synced: 2024-11-11T18:34:10.884Z (9 days ago)
• Topics: chart, dependency, esbuild, hacktoberfest, visualization
• Language: TypeScript
• Homepage:
• Size: 567 KB
• Stars: 67
• Watchers: 4
• 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

[![NPM Version](https://img.shields.io/npm/v/esbuild-visualizer.svg)](https://npmjs.org/package/esbuild-visualizer) [![Travis CI build status](https://img.shields.io/travis/com/btd/esbuild-visualizer.svg)](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.