webpack
Webpack
Webpack is the grandfather of bundlers. While slower than Vite, it offers unparalleled flexibility and remains the engine behind Next.js (legacy), Angular, and enterprise apps.
When to Use
- Complex Federation: Module Federation (Micro-frontends) is best in Webpack / Rspack.
- Legacy Apps: Migrating a massive app to Vite might be too costly.
- Granular Control: You need to control every byte of the chunk splitting algorithm.
Core Concepts
Loaders
Transform files. ts-loader, css-loader, file-loader.
Plugins
Tap into the build lifecycle. HtmlWebpackPlugin, DefinePlugin.
More from g1joshi/agent-skills
template
Expert [skill-name] assistance covering [feature 1], [feature 2], and [feature 3]. Use when [working with X], [debugging Y], or [implementing Z].
34mariadb
MariaDB MySQL-compatible database with Galera clustering. Use for MySQL-compatible database needs.
6claude
Anthropic Claude AI models for analysis and coding. Use for AI assistants.
5javascript
JavaScript ES6+ programming including async/await, DOM manipulation, modules, and Node.js. Use for .js files and web development.
4typescript
TypeScript static typing with interfaces, generics, decorators, and type inference. Use for .ts files.
4python
Python programming with type hints, async/await, decorators, and package management. Use for .py files and data science.
4