Opening Keynote | Everything’s a plugin: Understanding webpack from the inside out
summary
Webpack claims to be the LLVM of the web and reports 15 million monthly downloads while revealing an event‑driven, hookable core built on Tapable where everything is a plugin. The architecture walkthrough shows concrete components — compiler → compilation → resolver → module factory → parser → templates — and demonstrates writing plugins that hook lifecycle webpack 5 APIs and actually render bundles. Captions and a visible DGS interpreter accompany the recording and repository links and install commands are provided.
AI-written summary · about
chapters (15)
- 0:00Intro
- 0:38Introduction
- 3:50What is webpack
- 6:42What is a plugin
- 7:34Compiler instance
- 8:38dependency graph
- 9:13resolver
- 10:19module factory
- 11:13parser
- 12:44template
- 14:11compilation
- 15:56webpack comic strip
- 16:41Dependency templates
- 17:48Eventdriven plugins
- 18:14Where to start
related talks
22mEverything's a plugin Understanding webpack from the inside out
01h 42mEverything is a plugin! Mastering webpack from the inside out
24mDecoding Webpack: Unraveling Its Architecture
55mUnderstanding webpack from inside out
34mHow to extend webpack with your own plugins
27mA re-introduction to webpack
59mDeep Dive into webpack
26mWebpack: Core Concepts and Advance Topics