- 这个示例中,react等组件也必须启动开发环境才能实现remote的热更新(host则不需要)
- 动态引入的remote2,没能实现热更新
This repo uses Webpack5 Module Federation plugin to build a React microfrontend
yarn install
yarn start
Host runs at http://localhost:3000 (live reload only) Remote1 runs at http://localhost:3001 (HMR supported)
To run tests in interactive mode, run npm run cypress:debug
from the root directory of the project. It will open Cypress Test Runner and allow to run tests in interactive mode. More info about "How to run tests"
To build app and run test in headless mode, run yarn e2e:ci
. It will build app and run tests for this workspace in headless mode. If tets failed cypress will create cypress
directory in sample root folder with screenshots and videos.
"Best Practices, Rules amd more interesting information here
Host is the shell app which imports Remote1. Host is hosted on port 3000.
Remote1 is hosted port 3001 and exposes 2 components Heading and Button.
The exposed components are used in Host.
The project also uses React Router to show that routing logic works just like a normal React app