patricklafrance/wmf-poc-template

Template to create new POC related to Webpack Module Federation

wmf-poc-template

This is a template to create POC related to Webpack Module Federation.

The template contains 3 applications:

• An host application
• A remote module named remote-1
• A remote module named remote-2

Usage

First install the dependencies with PNPM:

pnpm install

Development server

To start the application in dev mode (make sure ports 8080, 8081 and 8082 are available):

pnpm dev

Open a browser at http://localhost:8080/.

The remote module entries are available at:

• http://localhost:8081/remoteEntry.js for remote-1
• http://localhost:8082/remoteEntry.js for remote-2

If you prefer to start the application and modules separately:

cd packages/host
pnpm dev

cd packages/remote-1
pnpm dev

cd packages/remote-2
pnpm dev

Production build

To start the application with production build (make sure ports 8080, 8081 and 8082 are available):

pnpm serve-build

Open a browser at http://localhost:8080/.

The remote module entries are available at:

• http://localhost:8081/remoteEntry.js for remote-1
• http://localhost:8082/remoteEntry.js for remote-2