umi项目的多环境打包配置

最编程 2024-07-10 12:01:19

...

参考：

环境变量
多环境多份配置
v2.umijs.org/zh/config/#…

我的需求：

在不同环境（dvl、sit）下打包，请求基础地址也需要随环境的变化而改变

遇到的困难：

umi v3 文档不完善
未知bug

1. 创建不同环境的配置文件

此部分可参考：

多环境多份配置

需要 dvl、sit 两个环境，因此创建两个配置文件，如图：

2. 配置需要的环境变量

此部分可参考：

v2.umijs.org/zh/config/#…

.umirc.dvl.ts

import { defineConfig } from 'umi';

export default defineConfig({
  define: {
    // dvl 环境的请求基础地址
    'process.env.REQUEST_BASE_URL': 'http://xxx.xxx.xx.xx:8080'
  }
});

.umirc.sit.ts

import { defineConfig } from 'umi';

export default defineConfig({
  define: {
    // dvl 环境的请求基础地址
    'process.env.REQUEST_BASE_URL': 'http://xxx.xxx.xx.xx:8080'
  }
});

3. 配置启动命令

此部分可参考：

v2.umijs.org/zh/config/#…

如果按照 umi v3 文档中 umijs.org/zh-CN/docs/… 说的配置，可能会出现以下错误，大致报错信息如下：

get user config failed, undefined does not exist

需要安装 cross-env，在 package.json 配置如下命令：

{
  ...
  "build:dvl": "cross-env UMI_ENV=dvl umi build",
  "build:sit": "cross-env UMI_ENV=sit umi build",
  ...
}

上一篇：智能变电站协议系列-1，GOOSE、SV、MMS 协议和 GOOSE 示例操作问题介绍 (IEC61850)

下一篇： USBL】USBL-DVL-INS 组合原理

umi项目的多环境打包配置

1. 创建不同环境的配置文件

2. 配置需要的环境变量

3. 配置启动命令

umi项目的多环境打包配置

umi 配置多环境编译和打包