webpack

When to use this skill

Use this skill whenever the user wants to:

• Bundle JavaScript, CSS, and assets with Webpack loaders and plugins
• Configure multi-entry points, code splitting, caching, and optimization
• Set up HMR with webpack-dev-server for development
• Optimize production builds with tree shaking and minification

How to use this skill

Workflow

1. Configure — define entry, output, loaders, and plugins in webpack.config.js
2. Develop — run dev server with HMR for fast iteration
3. Build — run production build with optimizations
4. Analyze — inspect bundle size with webpack-bundle-analyzer

Quick Start Example