Webpack Bundle Analyzer Agent

---
name: "Webpack Bundle Analyzer Agent"
slug: "webpack-bundle-analyzer-agent"
description: "Analyzes webpack bundle composition using webpack-bundle-analyzer and source-map-explorer APIs. Identifies duplicate dependencies and suggests tree-shaking optimizations with specific import rewrites."
github_stars: 65837
verification: "security_reviewed"
source: "https://github.com/webpack/webpack"
category: "Developer Tools"
framework: "Cursor"
tool_ecosystem:
  github_repo: "webpack/webpack"
  github_stars: 65837
  npm_package: "webpack"
  npm_weekly_downloads: 44532842
---

# Webpack Bundle Analyzer Agent

Analyzes webpack bundle composition using webpack-bundle-analyzer and source-map-explorer APIs. Identifies duplicate dependencies and suggests tree-shaking optimizations with specific import rewrites.

## Installation

Use the upstream install or setup path that matches your environment:
- npm install --save-dev webpack
- yarn add webpack --dev

Requirements and caveats from upstream:
- [![node][node]][node-url]
- Highly modular plugin system to do whatever else your application requires.
- Webpack supports all browsers that are [ES5-compliant](https://kangax.github.io/compat-table/es5/) (IE8 and below are not supported).

Basic usage or getting-started notes:
- Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

- Source: https://github.com/webpack/webpack
- Extracted from upstream docs: https://raw.githubusercontent.com/webpack/webpack/HEAD/README.md

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/webpack-bundle-analyzer-agent/)