umi配置如何区分环境

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


image.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中单独需要的配置放在对应配置文件中即可

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容