如何在ant-design-pro脚手架中本地设置port？

Question

使用ant-design-pro 脚手架，怎么设置port？我想在本地配置port，不期望在package.json的命令行中去配置，避免提交到git上。

在package.json中设置port是可以的，但是如果提交到git上，其他成员也会被更新到。
"start": "cross-env UMI_ENV=dev PORT=3017 max dev",

我期望只在我本地配置port。
我在config.ts文件中设置 DevServer 提示没有这个字段。
按照umi的文档

umi 会以 3000 端口启动 dev server，并且禁用 babel 的缓存。

如果你有部分环境变量的配置在本地要做特殊配置，可以配置在 .env.local 文件中去覆盖 .env 的配置。比如在之前的 .env 的基础上, 你想本地开发覆盖之前 3000 端口, 而使用 4000 端口，可以做如下定义。

# file .env.local
PORT=4000

我新建的.umirc.dev.ts文件，根本无效，请问应该怎么配置呢？

Answer 1

是在项目根目录下的 .env.local 文件中配置，一般 .env.local 是会被 git 忽略的，所以需要你自己手动创建。
👉 环境变量 - UmiJS

Answer 2

可以先通过 vite - .env 文件了解一下 .env 文件和环境变量之间的关系
再阅读 UmiJS 官网: UmiJS - 环境变量

就知道我们只要创建一个 .env.local 或 .env.development.local 的文件, 写入 PORT=xxxx 就可以在本地为所欲为修改环境变量了