如何在保持两个Git仓库独立的同时让Vercel将其视为单一仓库？

完全可以在保持两个仓库独立的前提下，实现Vercel上的整合部署与Demo App单独发布，以下是几种实用方案：

方案一：Git子模块+主仓库统筹部署 #

• 新建一个Meta App主仓库，作为Vercel部署的唯一入口
• 将Repo1（Demo App）和Repo2（团队内容）以子模块形式加入主仓库：

  git submodule add <Repo1地址> ./demo-app
  git submodule add <Repo2地址> ./team-content
  

• 在主仓库中配置Vercel部署规则：
  • 根目录部署整合后的Meta App，通过代码逻辑将两个子模块的内容组合展示
  • 为./demo-app目录单独配置一个Vercel部署项目，绑定独立路由（如your-domain.com/demo）或子域名，用户可直接通过该入口下载Demo App，与其他内容完全隔离
• 优势：三个仓库独立维护，Repo1/Repo2的更新可单独推送，主仓库拉取子模块更新即可同步部署

方案二：Vercel多项目路由整合 #

• 无需新建主仓库，直接在Vercel控制台分别导入Repo1和Repo2两个仓库，各自完成部署
• 在Vercel的路由配置中，将两个部署项目整合到同一域名下：
  • 把Repo2的部署设置为主站（如your-domain.com），承载Meta App的团队、联系等内容
  • 把Repo1的部署映射到子路径（如your-domain.com/demo）或独立子域名（demo.your-domain.com）
• 这种方式下，两个仓库完全独立，各自的代码更新互不影响，同时用户访问体验上是一个统一的Meta App，Demo App也能单独提供下载

方案三：Vercel Monorepo配置（适合单仓库统筹场景） #

• 如果倾向于用一个仓库作为配置入口，可在Repo2中添加vercel.json配置文件，指定多项目部署规则：

  {
    "projects": [
      {
        "name": "meta-app",
        "root": ".",
        "buildCommand": "npm run build:meta"
      },
      {
        "name": "demo-app",
        "root": "./demo-app", // 这里需要先将Repo1作为子模块加入Repo2
        "buildCommand": "npm run build:demo"
      }
    ]
  }
  

• 本质还是依赖Git子模块实现仓库独立，通过Vercel配置文件区分两个部署项目

关键注意事项 #

• 确保Demo App的构建产物目录与Meta App完全隔离，避免部署时出现资源冲突
• 使用子模块时，团队成员需熟悉git submodule update等同步命令，避免代码同步问题
• Vercel控制台的路由配置支持自定义重写、重定向规则，可灵活调整内容展示逻辑

内容的提问来源于stack exchange，提问作者Alexis