umi3 区分生产环境 测试环境

1. 安装 cross-env yarn add cross-env

cross-env 是用来统一操作系统的
当然你也可以不安装，根据操作系统来

# OS X, Linux
$  UMI_ENV=test umi build

# Windows (cmd.exe)
$ set UMI_ENV=pro&&umi build

2. 修改 package.json 脚本

    "build": "cross-env UMI_ENV=test umi build",
    "build-pro": "cross-env UMI_ENV=pro COMPRESS=true umi build",

3. 根目录下创建两个文件，.umirc.test.ts 和 .umirc.pro.ts，内容大致如下

// .umirc.test.ts 
import { defineConfig } from 'umi';

export default defineConfig({
  define: {
    ENV: 'test',
    BASE_URL: 'http://localhost:9999/test/'
  }
})

// .umirc.pro.ts 
import { defineConfig } from 'umi';

export default defineConfig({
  define: {
    ENV: 'test',
    BASE_URL: 'http://localhost:9999/pro/'
  }
})

4. 不要忘记在 .umirc.ts 中也添加以上配置

import { defineConfig } from 'umi';

export default defineConfig({
  define: {
    ENV: 'dev',
    BASE_URL: 'http://localhost:9999/dev/'
  }
})

5. 在你封装请求库的地方，直接就能通过 BASE_URL 获取到基路经地址

6. 完成