Skip to content
| Marketplace
Sign in
Visual Studio Code>Linters>BundleGuardNew to Visual Studio Code? Get it now.
BundleGuard

BundleGuard

MITian RISHI

|
1 install
| (0) | Free
Analyze npm dependencies for bundle size impact, security vulnerabilities, dependency health, license issues, duplicates, and better alternatives — all inside VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

BundleGuard

Analyze npm dependencies for bundle size, security vulnerabilities, and smarter alternatives — all inside VS Code.


Overview

BundleGuard is a Visual Studio Code extension that helps developers make better dependency decisions. It scans your project's package.json and delivers actionable insights about every dependency — right in your editor.

Features

  • 📦 Bundle Size Analysis — See the gzipped size of every dependency via Bundlephobia
  • 🔴 Vulnerability Scanning — Detect known CVEs using the OSV security database
  • 🔄 Outdated Detection — Know which packages have newer versions available
  • 💡 Alternative Suggestions — Get recommendations for lighter, better-maintained replacements
  • 📊 Dashboard — A rich webview with charts summarizing your dependency health
  • 🌳 Sidebar Tree View — At-a-glance summary with color-coded status icons
  • ⚡ Cached & Fast — Results are cached to avoid repeated API calls; batched requests keep scans fast

Installation

From VS Code Marketplace

  1. Open Extensions sidebar (Ctrl+Shift+X)
  2. Search for BundleGuard
  3. Click Install

From Source

git clone https://github.com/bundleguard/bundleguard.git
cd bundleguard
npm install
npm run compile

Then press F5 in VS Code to launch the Extension Development Host.

Usage

  1. Open a project that contains a package.json
  2. BundleGuard automatically scans on activation
  3. Check the BundleGuard sidebar for results
  4. Run commands from the Command Palette (Ctrl+Shift+P)

Commands

Command Description
BundleGuard: Scan Dependencies Analyse all dependencies in the workspace
BundleGuard: Show Dashboard Open the rich webview dashboard
BundleGuard: Refresh Analysis Clear cache and re-scan

Sidebar Tree View

BundleGuard
├ Summary
│   ├ Total Dependencies
│   ├ Vulnerabilities
│   └ Large Packages
├ Dependencies
│   ├ react (45 KB)       ✅
│   └ moment (280 KB)     ⚠
├ Security Alerts
│   └ lodash — CVE-XXXX   🔴
└ Suggestions
    └ Replace moment → dayjs

APIs Used

API Purpose
Bundlephobia Bundle size data
NPM Registry Package metadata
OSV Vulnerability database

Roadmap

  • [ ] Workspace file watcher for auto-rescan on package.json change
  • [ ] License compatibility checker
  • [ ] Export report as Markdown / JSON
  • [ ] Configurable size thresholds via settings
  • [ ] Support for monorepo / multi-root workspaces
  • [ ] Inline CodeLens annotations in package.json

License

MIT

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