Webpack 5 Module Federation with React/Typescript
This project shows a container application loading remote components
Workflow:
app1
expose CounterAppOne component.app2
expose CounterAppTwo header component.container
import CounterAppOne and CounterAppTwo component.
Running Demo
Run yarn build
and yarn start
to run Lerna commands. This will Container
, App-1
, App-2
build and serve your apps on ports 3000
, 3001
, 3002
respectively.
Live example from: http://ogz-microfrontend-container.s3-website.eu-central-1.amazonaws.com/