Skip to content

Files

Latest commit

 

History

History
29 lines (16 loc) · 722 Bytes

File metadata and controls

29 lines (16 loc) · 722 Bytes

react-webpack-MF

English

一个相对完整的应用Webpack Module Federation的 React 项目案例

目录结构

lib-app

底层 App,暴露了一些库模块:reactreact-dom。它是一个纯粹的 remote

component-app

组件层 App,依赖lib-app暴露的reactreact-dom模块,也暴露了一些组件如对话框Dialog、按钮Button给另一个 app:main-app

它既是 host 也是 remote

main-app

上层 App,依赖lib-appcomponent-app应用。它也是一个纯粹 host。

如何使用

  • npm install
  • npx lerna bootstrap
  • npm run start

执行完上述命令,打开浏览器,输入http://localhost:3002 查看页面结果。