Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Bundle Size AnalyzerNew to Visual Studio Code? Get it now.
Bundle Size Analyzer

Bundle Size Analyzer

takeaseat-venture

| (0) | Free
Analyze workspace files by size — find bloated files, large imports, and disk hogs. Visual reports, file tree, threshold alerts, and largest-files sidebar.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

📊 Bundle Size Analyzer

Find bloated files, large imports, and disk hogs in seconds — right inside VS Code.

Bundle Size Analyzer scans your entire workspace and shows you exactly which files are eating space — with visual reports, a sortable file tree, and persistent sidebar tracking. No build tools. No external apps. Just instant visibility into your project's file sizes.

⚡ Zero runtime dependencies. Pure Node.js — fast, lightweight, and secure.


✨ Features

  • ✅ Full Markdown Report — Beautiful size-distribution report with category breakdowns and top files by size
  • ✅ Sortable File Tree — Visual table of the largest files in your workspace, instantly
  • ✅ Quick Find Largest Files — Fuzzy-search your biggest files and jump straight to them
  • ✅ Threshold Alerts — Configurable warnings (100KB+) and criticals (500KB+) so nothing slips by
  • ✅ Persistent Sidebar View — Largest-files tree lives right in your Explorer panel for constant awareness
  • ✅ Smart Exclusions — Automatically skips node_modules, .git, dist, and build (fully configurable)

📸 Screenshots

Full Size Report

File Tree View

Sidebar in Explorer


📥 Installation

  1. Open VS Code
  2. Go to the Extensions view (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for Bundle Size Analyzer
  4. Click Install

Or install from the command line:

code --install-extension devforge.bundle-size-analyzer

🚀 Usage

Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run:

Command Shortcut Description
Bundle Size: Show Report Ctrl+Alt+B / Cmd+Alt+B Opens a full markdown report in a webview
Bundle Size: Show File Tree Ctrl+Alt+T / Cmd+Alt+T Opens a sortable table of your largest files
Bundle Size: Find Largest Files Ctrl+Alt+F / Cmd+Alt+F Quick-pick fuzzy search to jump to any big file

The Largest Files sidebar appears automatically in your Explorer panel.


⚙️ Configuration

Setting Default Description
bundleSizeAnalyzer.exclude ["**/node_modules/**", "**/.git/**", "**/dist/**", "**/build/**"] Glob patterns to exclude from analysis
bundleSizeAnalyzer.topN 20 Number of largest files to show
bundleSizeAnalyzer.warnSizeKB 100 Warn about files larger than this (in KB)
bundleSizeAnalyzer.errorSizeKB 500 Flag files larger than this as critical (in KB)

💎 Pro Features

Upgrade to Pro for advanced analysis power:

  • 🔍 Duplicate file detection — Find identical files wasting disk space across your workspace
  • 📈 Historical trend charts — Track how your project size changes over time
  • 🏷️ Custom categories — Define your own file-type groupings for tailored reports
  • 📤 Export reports — Save analysis as HTML, CSV, or JSON for sharing with your team
  • 🎯 Bundle budget alerts — Set total-size limits and get notified when you exceed them

Upgrade to Pro for duplicate detection, historical trends, custom categories, and report exporting — $6/month (or $18/month for teams). Visit https://devforge.dev to get your license key.


📄 License

MIT — free for personal and commercial use.


Built by DevForge — developer tools that solve real daily pain.

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