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

作者： 京东零售 胡亚龙

背景

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

技术实现

五种技术方案





各方案优劣：

略。

工作空间集中管理

前三种方式不做介绍。

工作空间：

packages:
  # 楼层组件用到的依赖
    - "packages/*"
  # 楼层组件  
    - "floors/*" 
    - "floors-fem/*"
  # 楼层应用 
    - "apps/*"  
  # exclude packages that are inside test directories
    - "!**/test"

模块引用：

"dependencies": {
 "@babor/apis": "workspace:*",
 "@babor/components": "workspace:*",
 "@babor/consts": "workspace:*",
 "@babor/hooks": "workspace:*",
 "@babor/utils": "workspace:*",
 "@jmfe/ifloor-scripts": "2.2.4",
 "@jmfe/jmfe-customcode-api": "^2.1.0",
 "react": "16.10.1",
 "react-dom": "16.10.1",
 "react-scripts": "^4.0.3" 
},



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

中央仓库管理

简要介绍：

0. 基于工作空间升级。
1. 独立主仓库集中配置文件。
2. 独立子仓库统一共建资源。
3. 独立子仓库开管理务模块。



升级迭代

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

总结：

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

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



约束 or 灵活。