如何在pnpm Monorepo中实现多应用间的依赖包共享

嘿，我完全懂你现在的困惑——刚上手pnpm Monorepo的时候，怎么让多个应用共享重复依赖确实是个容易卡壳的点。不过你已经走对了第一步（创建pnpm-workspace.yaml），接下来咱们一步步把依赖共享的事儿捋明白！

第一步：确认你的目录结构和workspace配置 #

从你给出的pnpm-workspace.yaml内容来看，配置是没问题的，它告诉pnpm要把apps/下的所有应用和packages/下的所有包都纳入workspace管理。现在先确保你的目录结构和配置对应上，大概是这样：

你的项目根目录/
├── pnpm-workspace.yaml
├── apps/
│   ├── next-app/       # 你的Next.js应用
│   └── sanity-studio/  # 你的Sanity Studio应用
└── packages/
    └── libra/          # 你提到的自定义共享包（如果有的话）

第二步：把公共依赖安装到workspace根目录 #

你提到的react、react-dom这些多个应用都要用的依赖，咱们直接在项目根目录安装，这样所有workspace里的应用都能共用这一套依赖，不用重复安装。

在根目录打开终端，运行这个命令：

pnpm add -w react react-dom @types/react @types/react-dom @types/node typescript

这里的-w是--workspace-root的缩写，意思是把依赖安装到workspace的根目录node_modules里，所有子应用都会自动识别并使用这些依赖。

第三步：验证依赖共享是否生效 #

现在你不用再去apps/next-app或者apps/sanity-studio目录下重复安装这些公共依赖了，直接在应用里使用React、TypeScript这些工具就行。

如果某个应用需要单独安装专属依赖（比如Next.js的核心包只有Next.js应用需要），你只需要进入对应应用的目录安装就行：

cd apps/next-app
pnpm add next

这种应用专属的依赖会被安装在该应用自己的node_modules里，不会影响其他应用。

可能遇到的小问题&解决 #

• 要是某个应用需要特定版本的公共依赖（比如Next.js需要某个特定版本的React），你可以直接在该应用目录下安装对应版本，pnpm会自动优先使用应用目录下的版本，同时保留根目录的公共版本给其他应用用。
• 确保每个应用的tsconfig.json配置正确，能找到TypeScript类型依赖，比如在compilerOptions里加上：

  "types": ["node", "react"]
  

备注：内容来源于stack exchange，提问作者Taste of Leaving