使用 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 进行更高级的管理。

posted @ 2025-06-13 14:58  CHN.VMAX  阅读(202)  评论(0)    收藏  举报