# 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.

- Skill: `agentskillexchange/webpack-bundle-analyzer-agent` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/webpack-bundle-analyzer-agent`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/webpack-bundle-analyzer-agent/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/webpack-bundle-analyzer-agent

---


# 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/)