lerna-webpack-5-module-federation-example: A repository from mdusafp

The main reason why this repo was created

It was created for investigation purposes why NODE_ENV=production can broke webpack 5 module federation plugin

Behavior in another project:

NODE_ENV !== 'production' – everything works fine
NODE_ENV === 'production' – container with exposed components is undefined, so we can't use micro-frontend

To check, that issue not relates to webpack 5 you can do steps below:

Install dependencies

yarn install && yarn lerna bootstrap

Run in dev mode

yarn lerna run serve --parallel

Open in browser http://localhost:3001/webpack-dev-server/
You should see App Host and App Remote Page components

Run in prod mode

yarn lerna run build --parallel

Host in different terminals static files

# terminal 1
yarn http-server frontend/apps/app-host/dist -p 3001
# terminal 2
yarn http-server frontend/apps/app-remote/dist -p 3002

Open in browser http://localhost:3001/
You should see App Host and App Remote Page components

P.S. In another project we have error like this

react-dom.production.min.js:216 Error: Container missing
while loading "./page" from 6448
    at n (remotes loading:39)
    at remotes loading:60
    at u (remotes loading:54)
    at remotes loading:68
    at Array.forEach (<anonymous>)
    at Object.f.f.remotes (remotes loading:31)
    at ensure chunk:6
    at Array.reduce (<anonymous>)
    at Function.f.e (ensure chunk:5)
    at index.tsx:8

mdusafp/lerna-webpack-5-module-federation-example

The main reason why this repo was created