/Webpack5-Module-Federation-Demo

Webpack5 Module Federation Demo

Primary LanguageJavaScript

Webpack 5 Module Federation 案例

  • app1 暴露一个 Slides 模块;
  • app2 暴露一个 NewsList 模块,引用 app1 的 Slides 模块;
  • app3 引用 app1 的 Slides 模块,引用 app2 的 NewsList 模块;

依赖安装

运行 npm install 安装 lerna

npm install

运行 npx lerna bootstrap -- --legacy-peer-deps 安装各个分包的依赖。

npx lerna bootstrap -- --legacy-peer-deps

运行 DEMO

运行 npm run start。该命令会启动三个服务,app1/app2/app3 分别对应端口 3001/3002/3003。