Everything is a plugin! Mastering webpack from the inside out
summary
Explains how webpack is built from tiny modules into a plugin system around a 230-line tapable core, walks the seven key tapable instances (compiler, compilation, resolver, module factory, parser, template, chunk), shows live plugin code that logs on run and watch run, provides a hands‑on repo with git tags, teaches debugging with Chrome/node inspector via npm run debug, and demonstrates adding assets and hooks so plugins actually run and affect emitted bundles.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 4:05Webpack plugin system
- 10:33Tapable instances
- 23:44Answering audience questions
- 31:34Debugging plugins
- 41:21Webpack future features
- 48:56First webpack plugin
- 1:00:07Plugin hooks and lifecycle
- 1:15:15Quiz and config
- 1:28:47Advanced plugin dev
- 1:38:04Q&A and community
related talks
22mEverything's a plugin Understanding webpack from the inside out
20mOpening Keynote | Everything’s a plugin: Understanding webpack from the inside out
34mHow to extend webpack with your own plugins
55mUnderstanding webpack from inside out
24mDecoding Webpack: Unraveling Its Architecture
26mWebpack: Core Concepts and Advance Topics
56mThe Inner Workings of a webpack Bundle
01h 03mIntroduction to webpack