微前端架构的一种实现形式————各个子项目独立打包、独立发布;也可独立启动、运行
支持全局store(暂不支持所有子项目互相暴露store)
├── appMain (主项目)
├── appHome (子项目,路由: '' | '/home')
├── appVue (子项目,路由:'/vue')
├── dist (build生成出的静态资源目录,方便npm run start查看)
├── package.json (依赖包)
└── readme.md (说明文档)
新增内容
- 全局添加一个redux store,可全局访问,子项目注册方式见appHome项目
修改内容
- 修正一个single-spa-vue包引起的bug
- 支持独立开发、独立编译打包。最终整合为静态资源启动整体或单个项目
npm run install-all
- 加载所有子项目依赖
---
npm run serve-all
- 一键启动所有子项目(也可以自行独立启动单个项目)
- main项目端口 9000
- home项目端口 9100
- vue项目端口 9001
---
npm run build-all
- 一键编译打包所有子项目(也可自行独立编译打包单个项目)
---
npm run start
- 启动编译完后的整体项目,端口5000(需全局安装serve包,也可自行按照spa应用的启动方式)