Skip to content

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

License

Notifications You must be signed in to change notification settings

fabiospampinato/vscode-banal

Repository files navigation

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