Webpack 5 Module Federation Example

You can use this project as a reference for scaffolding micro frontends with Webpack 5 Module Federation.

Getting Started

Install dependencies

Navigate to each app (core, layout, counter) and install dependencies with yarn

# cd apps/core
yarn

Run all dev web servers

Navigate to each app in a separate terminal window and start the app

yarn serve

Each app will load a separate web server.

• 3001 - the Counter feature
• 3002 - the Layout feature
• 3010 - the App Core (aka the integrator)

Navigate to the App Core

Go to you browser and navigate to the App Core: http://localhost:3010. The App Core will load other features (micro frontends) as necessary.

How it works

This section is to be written.

Modus Create

Modus Create is a digital product consultancy. We use a distributed team of the best talent in the world to offer a full suite of digital product design-build services; ranging from consumer facing apps, to digital migration, to agile development training, and business transformation.

This project is part of Modus Labs.

Licensing

This project is MIT licensed.