Module Federation in Webpack 5
summary
Explains Webpack 5’s Module Federation feature that lets independently built bundles share runtime modules so teams can deploy UI pieces separately instead of rebuilding a monolith. Covers using Module Federation with exposes, remote/shared entries, package lookup/version checks and runtime resolution, and shows examples like a shared login/button component, reduced downloads/faster updates, and handling many independently deployed containers (50+) with live upgrades.
AI-written summary · about
chapters (7)
- 0:00Module Federation intro
- 6:18Core concept
- 11:04How it works
- 16:57Sharing modules
- 22:28Live demo
- 25:32Performance with MF
- 30:06MF challenges
related talks
01h 02mWebpack 5 Module Federation
29mHow module federstion makes our life easier
28mModule Federation: Theory vs Practice
51mBuilding a Micro-Frontend Application with Webpack 5 Module Federation
55mModule Federation in 2024: Beyond Webpack
01h 13mThe Microfrontend Revolution, module federation, Webpack 5
34mModule Federation, Bundlers, and Future State
21mMicro Frontends Made Easy with Module Federation