中文

A complete Webpack Module Federation Case with React.

It is a low-level or basic app, which exposes libraries like react, react-dom.

It is a pure remote.

It is a middle-level app, which depends on modules exposed from lib-app : react ,react-dom. In the meantime, it also exposes components: Dialog, Button to another app called main-app.

It is both host and remote.

The top-level app, which depends on lib-app and component-app.

It is a pure host.

• pnpm install
• pnpm run start

After running these commands, open your browser at http://localhost:3002 and open the DevTools network tab to see resource loading details.

To run tests in interactive mode, run pnpm run cypress:debug from the root directory of the project. It will open Cypress Test Runner and allow tests to run in interactive mode. More info about "How to run tests"

To build the app and run tests in headless mode, run pnpm run e2e:ci. It will build the app and run tests for this workspace in headless mode. If tests fail, Cypress will create a cypress directory in the sample root folder with screenshots and videos.

Best practices, rules and more interesting information here