开发者社区 > 博文 > 最新前端架构设计:中央仓库管理-基于工作空间和git-submodule实现共用和管理
分享
  • 打开微信扫码分享

  • 点击前往QQ分享

  • 点击前往微博分享

  • 点击复制链接

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

  • ya****
  • 2024-12-05
  • IP归属:北京
  • 100浏览

    背景

    大促营销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 灵活。


    文章数
    1
    阅读量
    0

    作者其他文章