huangshengbo / microfront-end-single-spa

利用single-spa搭建的一个微前端架构，其中各个小型应用具有独立部署、独立运行、允许存在独立仓储的特性。由portal项目实现各个应用的组合

microfront-end-single-spa

利用single-spa搭建的一个微前端架构，其中各个小型应用具有独立部署、独立运行、允许存在独立仓储的特性。由portal项目实现各个应用的组合

主要技术

1. single-spa
2. systemJs

项目结构

1. menu项目，开发框架react
2. portal项目，组件调度、路由分发
3. project1项目，开发框架react
4. project2项目，开发框架vue，由vue-cli3脚手架生成

运行步骤

1. 开启公共依赖模块的服务，我的公共依赖模块在portal项目下common-deps-static文件夹中，只需要在这个文件夹下开启服务即可，可以通过http-server插件，端口设置为8000，并且设置跨域--cors
2. 在portal、menu、project1项目下，分别执行命令npm run start
3. 在project2项目下，执行命令npm run serve
4. chrome中打开页面：http://localhost:8233/即可