Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>BanalNew to Visual Studio Code? Get it now.
Banal

Banal

Fabio Spampinato

|
244 installs
| (1) | Free
A super quick way to inspect the bundle size of npm dependencies, via a code lens.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Banal

Logo

A super quick way to inspect the bundle size of npm dependencies, via a code lens.

Clicking the code lens will instantly open up esbuild's bundle analyzer for the currently installed version of the target dependency.

This extension requires npm-cli and banal-cli>=1.6.0 to be installed and it only works for npm dependencies listead in package.json files.

Install

Follow the instructions in the Marketplace, or run the following in the command palette:

ext install fabiospampinato.vscode-banal

Usage

It adds 3 commands to the command palette:

'Banal: Toggle' // Enable or disable the code lens
'Banal: Disable' // Disable the code lens
'Banal: Enable' // Enable the code lens

Settings

{
  "banal.enabled": true // Whether the code lens is enabled or not
}

Demo

Demo - Editor

Demo - Bundle Analyzer

License

MIT © Fabio Spampinato

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft