微前端架构要点

星舟微前端架构要点

技术栈要求

React@16.14.0，hooks语法采用Typescript组件库使用Ant Design接口层结合sm2tsservice接口定义使用，如 http://yapi.mypaas.com.cn/project/203/setting代码规范：eslint、airbnb、sonarLint样式：less工程化：Webpack代码格式工具 prettier

代码结构

按照功能模块区分，每一个功能模块聚合所有内容，将公用层抽取到最外层

模块划分

模块划分主应用，包含登录接口、头部菜单（包含权限），路由：/基础数据，路由：/cmdb分支管理，路由：/branch发布管理，路由：/ops构建管理，路由:   /build

仓库模板

搭建一套通用模板，优化符合我们需求的子应用模板

部署要求

子应用静态资源使用CDN

公共npm包提取

将公共组件、公用工具库等提取出来