How to extend webpack with your own plugins
summary
Claims that WHO says 97% of JS devs use webpack and only 2% understand it, shows the internals (compiler → compilation → module factory → parser via tapable), and live-codes a real loader — a Cyrillic-to-JS Tolstoy loader — plus an AST-based plugin that injects a `parentContext` dependency and rewrites calls. Debugging tips, low-quality docs caveats, and a working demo with bundle output appear, so expect concrete code, dependencies, and a verified build rather than vague examples.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:38How webpack works
- 7:32loader
- 13:45parent context
- 16:07parser
- 18:44code
- 23:57key takeaways
- 24:52discount code
- 25:15Questions
related talks
22mEverything's a plugin Understanding webpack from the inside out
01h 42mEverything is a plugin! Mastering webpack from the inside out
20mOpening Keynote | Everything’s a plugin: Understanding webpack from the inside out
55mUnderstanding webpack from inside out
24mDecoding Webpack: Unraveling Its Architecture
59mDeep Dive into webpack
01h 03mIntroduction to webpack
27mA re-introduction to webpack