vue和react环境变量的使用

// vue下使用环境变量

/**
 * 
 * 1. 再项目根目录下（和src目录同级）创建.env.dev文件和.env.pro文件 （dev是开发环境，pro是生产环境）
 * 2. .env.dev文件里设置一个环境变量 VUE_APP_RUESTATUS = dev,  .env.pro文件里设置一个环境变量VUE_APP_RUNSTATUS = pro
 * 3. 在package.json里创建npm指令
 *    运行开发环境 "start:dev" : "vue-cli-service serve --mode dev"
 *    运行生产环境 "start:pro" : "vue-cli-service serve --mode pro"
 * 4. 再页面组件实例里打印process.env.VUE_APP_RUNSTATUS，如果是运行生产环境，打印的就是pro，如果运行的开发环境，打印的就是dev
 */



// react(umi) 下使用环境变量

/**
 * 
 * 1. 如果用的.umirc.ts执行配置文件，那么就创建一个.umirc.dev.ts,如果是再config/config.ts下创建的配置文件，那么就创建一个同级的config/config.dev.ts文件
 * 2. 再创建的文件里设置define, define: { 'process.env.RUN_STATUS' : 'dev' }
 * 3. 下载cross-env  npm i cross-env
 * 4. 再package.json文件下创建npm指令 
 *     开发环境 "start:dev" : "cross-env UMI_ENV=dev umi dev"
 * 5. 再组件实例里打印 process.env.RUN_STATUS 就是 dev
 */