使用 pnpm 来同时管理 前端(frontend) 和 后端(backend) 项目

1. 创建 pnpm 工作空间

在项目根目录初始化 pnpm workspace

sh
mkdir my-project && cd my-project
pnpm init

然后创建 pnpm-workspace.yaml

yaml
packages:
  - frontend
  - backend

✅ 这样,frontendbackend 都会被视为 工作区子项目

 

2. 创建前端和后端项目

my-project 目录下:

sh
mkdir frontend backend
cd frontend && pnpm init
cd ../backend && pnpm init
 

3. 共享依赖

如果 frontendbackend 都需要 同样的库(如 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

✅ 这样 frontendbackend 会分别启动 自己的 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  阅读(84)  评论(0)    收藏  举报