使用 pnpm 来同时管理 前端(frontend) 和 后端(backend) 项目
1. 创建 pnpm 工作空间
在项目根目录初始化 pnpm workspace:
sh
mkdir my-project && cd my-project
pnpm init
然后创建 pnpm-workspace.yaml:
yaml
packages:
- frontend
- backend
✅ 这样,frontend 和 backend 都会被视为 工作区子项目。
2. 创建前端和后端项目
在 my-project 目录下:
sh
mkdir frontend backend
cd frontend && pnpm init
cd ../backend && pnpm init
3. 共享依赖
如果 frontend 和 backend 都需要 同样的库(如 eslint),可以在 根目录安装:
sh
pnpm add -D eslint
✅ eslint 现在会被 所有子项目共享。
如果后端需要 PostgreSQL 而前端需要 React:
sh
pnpm add react --filter frontend
pnpm add pg --filter backend
✅ --filter 确保前端和后端安装各自的依赖,而不会污染整个工作区。
4. 在工作区运行命令
你可以直接在根目录执行:
sh
pnpm run dev --filter frontend
pnpm run dev --filter backend
✅ 这样 frontend 和 backend 会分别启动 自己的 dev 任务。
5. 统一安装 & 版本管理
如果你希望统一管理所有依赖:
sh
pnpm install
✅ 这样所有包都会集中管理,避免重复安装。
如果你的前后端需要 版本同步:
sh
pnpm update --recursive
✅ 自动更新所有工作区子项目的依赖项。
总结
✅ 使用 pnpm-workspace.yaml 组织前后端项目 ✅ 共享依赖(如 eslint)减少重复安装 ✅ 使用 --filter 让前后端保持独立 ✅ 运行 pnpm run dev --filter 单独启动服务 ✅ 全局安装、更新依赖,简化管理
如果你的项目是 微服务架构,也可以使用 pnpm Workspace + Docker 进行更高级的管理。
本文来自博客园,作者:CHN.VMAX,转载请注明原文链接:https://www.cnblogs.com/vmax/p/18927054

浙公网安备 33010602011771号