当前位置: 首页 > 知识库问答 >
问题:

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

禹昊穹
2024-02-22

使用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.localPORT=4000

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

共有2个答案

宿文栋
2024-02-22

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

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

锺星腾
2024-02-22

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

 类似资料:
  • 本示例集成了 nuxt 3.0.0 正式版、ant-design-vue 3、pinia、windiCss,可作为 nuxt3 的脚手架使用。 Nuxt 3 官网文档 Ant Design Vue 官方文档 演示 UI 演示地址 Ant Design Vue 集成 https://nuxt-3-ant-design-vue-starter.vercel.app Element Plus 集成 ht

  • Ant Design Pro 是一套开箱即用的中台前端/设计解决方案。 特性 优雅美观:基于 Ant Design 体系精心设计 常见设计模式:提炼自中后台应用的典型页面和场景 最新技术栈:使用 React/dva/antd 等前端前沿技术开发 响应式:针对不同屏幕大小设计 主题:可配置的主题满足多样化的品牌诉求 国际化:内建业界通用的国际化方案 最佳实践:良好的工程实践助您持续产出高质量代码 M

  • 我试图设置一个屏幕的背景图像,占屏幕的25%左右,位于顶部。我试过了,

  • 我正在尝试构建我的控制台应用程序,并且我正在使用Ant来构建它。我可以在Eclipse中运行我的应用程序,但是当我试图从我得到的jar中运行它时,ClassNotFoundException:被抛出。是在我的应用程序中使用的一个罐子中。这里是build.xml的一部分,我在这里创建manifest: UPD:我应该把有库的罐子放进我的罐子里吗?现在我把它们放到JAR的“lib”目录中。所以myja

  • antd design pro 脚手架里,如何设置打包出来的index.html 里面添加其他dom元素呢? 我在 config.ts 文件中 设置了 虽然生成的 html 里面包含了 fileContent元素,但是在代码层面还是找不到这个元素呢

  • 问题内容: 我知道如何在/ etc / profile和环境变量中进行设置。 但是,如果我想在脚本中进行设置怎么办?是导入os,sys吗?我该怎么做? 问题答案: 您没有设置,而是向中添加条目。这是应该在其中搜索Python软件包的目录列表,因此您只需将目录追加到该列表即可。 实际上,是通过分割路径分隔符上的值来初始化的(在类似Linux的系统上,在Windows上)。 您也可以使用来添加目录,该