港髁 发表于 2025-9-25 10:43:06

优化 pnpm 工作空间,前端(frontend)和后端(backend)项目实现

1. 共享 TypeScript 类型

✅ 避免前后端重复定义数据结构
✅ 创建一个 shared 目录存放公共类型
✅ 让 frontend 和 backend 都可以引用 shared
在 pnpm-workspace.yaml 里添加:
yaml packages: - frontend - backend - shared
在需要的位置引用:import { User } from "@my-project/shared";
2. 统一管理 .env 配置
✅ 避免前后端环境变量管理混乱 ✅ 使用 dotenv 让 frontend 和 backend 共用 .env 文件
在根目录创建 .env:
 API_URL=http://localhost:3000 DB_HOST=postgres://user:password@localhost:5432/mydb
✅ 前端使用:
ts const apiUrl = process.env.API_URL;
✅ 后端使用:
go os.Getenv("DB_HOST")


来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 优化 pnpm 工作空间,前端(frontend)和后端(backend)项目实现