Webpack 5 Module Federation

For more info visit Webpack Module Federation.

How to run

• git clone git@github.com:smoliakov/federated-modules.git
• run npm i in every app
• run npm run dev in every app

What`s happening

Simple bi-directional

Application A is sharing component SayHelloFromA and Application B is sharing component SayHelloFromB.
Both apps expose their own components and consume each other components.

Host

Application Host is consuming Application A, Application B and Application Components components.

Application Components contain Header and Footer.

TODO

1. Server-Side Rendering
2. Redux Reducer Injection
3. Fallback if no remote

Guides

• Webpack Module Federation
• Module Federation Examples
• Module Federation. Advanced API in Webpack 5.0.0-beta.17 by Zack Jackson
• Migrating Module Federation from Webpack 5.0.0-beta.16 to Webpack 5.0.0-beta.21 by Jay Kariesch