umi 配置多环境打包

栏目: JavaScript · 发布时间: 7年前

内容简介：平时我们开发应用时环境有开发环境、测试环境、生产环境等,此时我们需要配置不同的环境,获取不同的apiUrl前缀，以满足日常开发需要。3.复制两次config/config.js，并更改文件名为config/config.test.js 和 config/config.prod.js,分别配置apiUrl

平时我们开发应用时环境有开发环境、测试环境、生产环境等,此时我们需要配置不同的环境,获取不同的apiUrl前缀，以满足日常开发需要。

1.安装 cross-env 插件

npm install --save-dev cross-env

2.在config/config.js文件里配置开发环境的apiUrl

define: {
    "process.env.apiUrl":'https://www.dev.com/'
  },

3.复制两次config/config.js，并更改文件名为config/config.test.js 和 config/config.prod.js,分别配置apiUrl

// config.test.js
 define: {
    "process.env.apiUrl":'https://www.test.com/'
  },

// config.prod.js
 define: {
    "process.env.apiUrl":'https://www.prod.com/'
  },

4.在其他文件可以获取process.env.apiUrl 作为url前缀,如封装axios的request.js

// request.js
console.log(process.env.apiUrl);

5.在package.json 的scripts处配置打包命令

"build-dev": "cross-env UMI_ENV=dev umi dev",
"build-test": "cross-env UMI_ENV=test umi build",
"build-prod": "cross-env UMI_ENV=prod umi build",

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

互联网+ 战略版

刘润 / 中国华侨出版社 / 2015-5-1 / 49.8

1、“互联网+”上升为国家战略，“互联网+”成为下一个超级畅销书的热点话题在商业环境巨变的今天，传统企业该怎么走？传统企业转型是一个系统工程，如何定战略、抓主要矛盾？ 2、首本“互联网＋传统企业”的战略指导书。“我互联网＋”时代到来了，传统企业的外部环境发生了哪些变化？了解商业新生代的新商业环境，跟之前工业时代的不同，从战略上指导传统企业转型，更安全也更大局把握游刃有余。一起来看看《互联网+ 战略版》这本书的介绍吧!

码农工具