配置多环境

安装cross-env

yarn add cross-env -D

新建环境配置文件

在项目最外层新建文件以 .umirc.环境名.ts 为文件的环境配置文件。

新建环境对应的脚本命令

以start和build为例。在package.json中的script下添加如下脚本命令。

"start:环境名": "cross-env UMI_ENV=环境名 umi dev",

"build:环境名": "cross-env UMI_ENV=环境名 umi build",

使用环境变量

在环境配置文件中定义环境变量

define: {
  环境变量_1: 'aaaaaaaaaa',
  环境变量_2: 'bbbbbbbbbb',
},

在typing.d.ts文件中声明环境变量的类型

declare const 环境变量_1: string;
declare const 环境变量_2: string;

使用环境变量

在代码中直接使用即可，无需再次声明。

console.log(环境变量_1); // aaaaaaaaaa