This section contains guides for understanding and mastering the wide variety of tools and features that webpack offers. Start with Getting Started to learn the basics, then work through the rest at your own pace. The guides increase in complexity as you progress. Each one serves as a starting point — once you've worked through it, you should feel ready to dive into the full documentation.
- Getting Started — Learn the core concepts, build your first bundle, and set up a basic webpack configuration
- Core Workflows — Manage assets, set up hot-reloading development, and prepare optimized bundles for production
- Optimization — Split code into smaller chunks, leverage browser caching, and use tree shaking to eliminate dead code
- Modern Web Platform — Natively bundle CSS, configure Progressive Web Applications (PWAs), and implement Web Workers
- Modules & Dependencies — Work with ECMAScript Modules (ESM), package exports, and advanced entry point configurations
- Tooling & Integration — Author your own libraries, set up TypeScript, and ensure Content Security Policy (CSP) compliance
- Migration — Step-by-step guides for upgrading smoothly to the latest major releases
Tip
The output shown in these guides may differ slightly from what you see with newer versions of webpack. As long as your bundles look similar and run correctly, there's no cause for concern. If you find an example that seems broken by a newer release, please open a PR and we'll do our best to resolve the discrepancy.