前端架构设计：中央仓库管理-基于工作空间和git-submodule实现共用和管理

作者： 京东零售 胡亚龙

背景

大促营销h5活动页面复用已有能力，快速搭建上线，沉淀通用方法。后续开发时研发效率提升40%。

技术实现

五种技术方案





各方案优劣：

略。

工作空间集中管理

前三种方式不做介绍。

工作空间：

1packages:
2  # 楼层组件用到的依赖
3    - "packages/*"
4  # 楼层组件  
5    - "floors/*" 
6    - "floors-fem/*"
7  # 楼层应用 
8    - "apps/*"  
9  # exclude packages that are inside test directories
10    - "!**/test"

模块引用：

1"dependencies": {
2 "@babor/apis": "workspace:*",
3 "@babor/components": "workspace:*",
4 "@babor/consts": "workspace:*",
5 "@babor/hooks": "workspace:*",
6 "@babor/utils": "workspace:*",
7 "@jmfe/ifloor-scripts": "2.2.4",
8 "@jmfe/jmfe-customcode-api": "^2.1.0",
9 "react": "16.10.1",
10 "react-dom": "16.10.1",
11 "react-scripts": "^4.0.3" 
12},



参考：通天塔ihub楼层mono repository管理

中央仓库管理

简要介绍：

0. 基于工作空间升级。

1. 独立主仓库集中配置文件。

2. 独立子仓库统一共建资源。

3. 独立子仓库开管理务模块。



升级迭代

通过git仓库和分支管理，项目迭代升级非常容易。

总结：

适用于同类项目管理，比如楼层开发，后台系统，规范管理等。

每种方式各有适用场景，中央仓库管理不一定是最合适的选择。



约束 or 灵活。