Deep Dive into webpack
summary
A deep dive into webpack internals focused on building a loader for SVG sprites: explains webpack’s internal pipeline, when to use a loader versus a plugin, and how to coordinate them. Covers how popular plugins—extract-text-webpack-plugin, html-webpack-plugin, and react-styleguidist—work and includes practical tooling examples the author developed.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:25Why webpack popular
- 3:30Sprite generation
- 5:57Loaders vs plugins
- 7:24How loaders work
- 15:56Build stages
- 20:12Plugins and hooks
- 24:34Loaders in practice
- 35:22Automatic sprite solution
- 47:14Summary
- 47:34Q&A
related talks
34mHow to extend webpack with your own plugins
24mDecoding Webpack: Unraveling Its Architecture
55mUnderstanding webpack from inside out
22mEverything's a plugin Understanding webpack from the inside out
01h 42mEverything is a plugin! Mastering webpack from the inside out
56mThe Inner Workings of a webpack Bundle
27mA re-introduction to webpack
20mOpening Keynote | Everything’s a plugin: Understanding webpack from the inside out