优化 pnpm 工作空间,让前端(frontend)和后端(backend)项目实现 更高效的共享、构建和摆设

[复制链接]
发表于 2025-6-13 14:19:03 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
1. 共享 TypeScript 类型

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

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

×
登录参与点评抽奖,加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表