umi配置如何区分环境
2021-11-22 本文已影响0人
jack钱
1.package.json的scripts运行命令中加上 UMI_ENV=xxx
"start": "cross-env UMI_ENV=dev APP_TYPE=site umi dev", // APP_TYPE=site:他的意思是以config.js为基础,在其基础上增加 dev的配置
"build": "cross-env UMI_ENV=pro APP_TYPE=site umi build",
2.这个xxx对应.umirc.xxx.ts
![](https://img.haomeiwen.com/i27354208/8635593ef4d31847.png)
3.然后umirc.xxx.ts里面写↓
export default {
define: {
// 添加这个自定义的环境变量
"process.env.UMI_ENV": process.env.UMI_ENV, // * 本地开发环境:dev,qa环境:qa,生产环境prod
"process.env.name": '自定义name',
},
}
4.页面中需要使用环境名称的时候
console.log(process.env.UMI_ENV) // run start的时候显示dev
console.log(process.env.name) // 自定义name
5.dev中或者pro中单独需要的配置放在对应配置文件中即可