ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Webpack Module Federation lets teams deploy micro‑frontends independently by sharing code at runtime. This post covers host/remote config, shared dependency strategies, a worked example, and the trade‑offs so you can decide if the freedom is worth the cost.
Module Federation lets hosts load remote modules at runtime, but choosing which dependencies to share as singletons determines whether you save bytes or introduce version risk.
Learn how Module Federation lets independent builds exchange modules on demand, reducing bundle size and enabling micro‑frontend workflows.
Webpack 5 Module Federation lets microfrontends share React components at runtime instead of bundling duplicates. A minimal host/remote example, verification steps, and the real trade-offs.
Learn how Module Federation lets teams load remote components at runtime, avoid duplicate bundles, and keep shared dependencies in sync.
Learn how to eliminate duplicate dependencies in micro-frontends using Webpack Module Federation to share code at runtime without sacrificing independent deployment.
In Webpack 5 Module Federation, the share configuration can combine singleton:true with strictVersion:true to enforce a single version of a dependency that must exactly match a specified range. When multiple remote applications declare overlapping but different version ranges for the same shared module, the runtime’s algorithm for picking the winning version
Webpack 5 introduces Module Federation to enable runtime code sharing between independent builds. A critical aspect of this architecture is the shared configuration, which prevents redundant library loading by negotiating versions between the host and remote containers. When a library is marked as a singleton , Webpack ensures only one instance of that depen
Symptom When multiple federated applications declare different versions of the same shared library with singleton: true , webpack 5 loads only the first encountered version and drops subsequent versions without any warning, error, or configurable fallback. Context The Module Federation shared configuration allows marking a module as a singleton to guarantee
webpack
javascript
react