大前端react umi dva antd

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


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

上一篇 下一篇

猜你喜欢

热点阅读