Webpack: The Deep Dive

Webpack: The Deep Dive

Duration: 3h 30m
Lessons: 18
(5.0)

Master the industry's most powerful module bundler. From basic configuration to advanced optimization, Module Federation, and enterprise build pipelines.

Curriculum

Module 1: Foundations & Core Concepts

  • The Bundler Concept: Entry, Output, & Dependency Graph
  • Loaders Deep Dive: CSS, Assets, and Transformation
  • Plugin Power: Automating the Build Lifecycle

Module 2: Advanced Configuration

  • Mode Mastery: Development vs Production Logic
  • Source Maps: Debugging Complex Bundles
  • DevServer & HMR: Hot Module Replacement

Module 3: Optimization & Performance

  • Code Splitting: Mastering Dynamic Imports
  • Tree Shaking: Eliminating Dead Code
  • Caching & Hashing: Long-term Consistency

Module 4: Modern Web Patterns

  • TypeScript & Babel Integration
  • CSS Architecture: Modules, PostCSS, & SASS
  • Specialized Assets: Workers & WASM

Module 5: Asset Management & Tooling

  • Automated Image Optimization
  • Bundle Analysis & Visualization
  • Proxy & Environment Configuration

Module 6: Enterprise Workflows

  • Multi-Page Applications (MPA)
  • Module Federation: Micro-Frontends
  • Production Pipelines & CI/CD