微前端架构要点
2021-04-12 22:17:16 19 举报
AI智能生成
微前端架构要点
作者其他创作
大纲/内容
技术栈要求
React@16.14.0,hooks语法
采用Typescript
组件库使用Ant Design
接口层结合sm2tsservice接口定义使用,
如 http://yapi.mypaas.com.cn/project/203/setting
代码规范:eslint、airbnb、sonarLint
样式:less
工程化:Webpack
代码格式工具 prettier
采用Typescript
组件库使用Ant Design
接口层结合sm2tsservice接口定义使用,
如 http://yapi.mypaas.com.cn/project/203/setting
代码规范:eslint、airbnb、sonarLint
样式:less
工程化:Webpack
代码格式工具 prettier
代码结构
按照功能模块区分,每一个功能模块聚合所有内容,将公用层抽取到最外层
模块划分
模块划分
主应用,包含登录接口、头部菜单(包含权限),路由:/
基础数据,路由:/cmdb
分支管理,路由:/branch
发布管理,路由:/ops
构建管理,路由: /build
主应用,包含登录接口、头部菜单(包含权限),路由:/
基础数据,路由:/cmdb
分支管理,路由:/branch
发布管理,路由:/ops
构建管理,路由: /build
仓库模板
搭建一套通用模板,优化符合我们需求的子应用模板
部署要求
子应用静态资源使用CDN
公共npm包提取
将公共组件、公用工具库等提取出来
0 条评论
下一页