Understanding webpack from inside out
summary
Explains exactly how webpack builds bundles: resolver finds files, module factory loads source, parser produces dependencies, loaders transform non-JS, templates render output and plugins hook via tapable; claims 80% plugin system and shows the new hook API, async chunk loading via array push, and planned native support for wasm and CSS plus an opt‑in package "sideEffects" to enable tree‑shaking. Work targets webpack 4/next branch, collaboration with V8/Chakra and a $125,000 grant from Mozilla are mentioned.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 0:55About Sean and Tobias
- 2:55About webpack
- 4:30JavaScript modules
- 6:15What is webpack
- 7:00Entry and output
- 8:45Loaders
- 11:00Plugins
- 13:00Tappa Bowl
- 22:50Wrapping up
- 29:11Side effects falls
- 31:40Release schedule
- 33:50Questions
- 41:30Typescript or Flow
- 49:25Contributors Guide
- 50:25QA
- 51:25M scripting
- 52:25Yes or no
- 53:25Resolve Alias
- 54:25Conclusion
related talks
24mDecoding Webpack: Unraveling Its Architecture
20mWebpack+WebAssembly: Under the hood
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
34mHow to extend webpack with your own plugins
27mA re-introduction to webpack
23mStreamline your code with webpack