无需发布至npm，能否搭建供内部项目使用的私有React组件库？

下面是几种不用复制代码、也不用发布到公网npm的组件共享方式，适合内部项目使用：

1. Git子模块 #

• 把拆分出来的组件库单独创建一个内部私有Git仓库（比如公司GitLab、私有GitHub仓库）
• 在需要使用组件的项目中，执行命令添加子模块：

  git submodule add <你的组件库Git地址> src/components/shared
  

• 项目中可以直接通过路径引用子模块里的组件，比如import Button from './components/shared/Button'
• 组件库更新后，在项目里执行git submodule update --remote就能拉取最新代码；修改组件库需要单独进入子模块目录提交、推送代码

2. 本地npm link #

• 在组件库根目录执行npm link，将组件库注册到本地npm全局环境
• 在每个需要使用的项目目录中，执行npm link <你的组件库package.json里的name字段>
• 之后就能像正常依赖一样import组件，比如import Card from '@your-org/shared-components'
• 适合本地开发阶段快速共享，团队成员只需把组件库仓库拉到本地，自己执行link操作即可

3. Monorepo架构（Yarn/Pnpm Workspaces） #

• 把组件库、两个项目放在同一个根目录下，目录结构示例：

  monorepo-root/
    ├── packages/
    │   ├── shared-components/  # 你的组件库
    │   ├── project-a/          # 项目A
    │   └── project-b/          # 项目B
  

• 在根目录的package.json中配置workspaces（以Yarn为例）：

  {
    "private": true,
    "workspaces": ["packages/*"]
  }
  

• 在组件库的package.json中设置包名（比如"name": "@internal/shared-components"），然后在项目A、B中执行yarn add @internal/shared-components，会直接关联本地组件库，无需发布
• 优点是组件库和项目同仓管理，修改组件后项目能实时同步，团队协作更高效

4. 内网私有npm仓库 #

• 搭建公司内部的私有npm仓库（比如Verdaccio、Sonatype Nexus），只在内网可访问
• 把组件库发布到这个私有仓库，然后在两个项目的.npmrc文件中配置私有仓库地址
• 之后就能像使用公网npm包一样，执行npm install @your-org/shared-components安装依赖
• 适合团队规模较大、需要严格版本管理的场景，不需要暴露代码到公网

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