cover_image

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

京东零售:胡亚龙 京东云开发者
2025年04月23日 09:20

背景

大促营销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仓库和分支管理,项目迭代升级非常容易。

总结:

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

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

图片
扫一扫,加入技术交流群

继续滑动看下一个
京东云开发者
向上滑动看下一个