agentskillexchange 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 (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.
Extracted from upstream docs: https://raw.githubusercontent.com/webpack/webpack/HEAD/README.md