Skip to content

Webpack 5 Module Federation exploration and demo

Notifications You must be signed in to change notification settings

smoliakov/federated-modules

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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