umi 配置多环境打包
栏目: JavaScript · 发布时间: 6年前
内容简介:平时我们开发应用时环境有开发环境、测试环境、生产环境等,此时我们需要配置不同的环境,获取不同的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",
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- springboot 多环境 开发 打包 配置
- Android 多渠道打包配置
- 配置 xcodebuild 命令打包支持 Bitcode
- [ webpack4 ] 配置属于自己的打包系统教程(一)—— 基础配置篇
- Spring Boot打包部署和环境配置
- Webpack 4 学习02(使用配置文件进行打包)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
谷歌的断舍离:互联网企业的破坏式创新
[日]辻野晃一郎 / 樊颖 / 机械工业出版社 / 2018-1 / 45.00
本书主要分为三部分: 第一部分主要讨论了世界当下如火如荼的互联网企业进军传统产业大潮,并探讨了传统企业在互联网时代的救赎之路。 第二部分主要探讨了成功体验的反面:速度与迭代,并讨论了传统企业之所以无法实现迭代与快速发展的关键原因。介绍互联网公司如何通过组织精简流程来实现高速竞争时代的机动性。 第三部分讨论了互联网时代究竟需要什么样的人才,传统企业的员工应当怎样投身互联网企业才能避......一起来看看 《谷歌的断舍离:互联网企业的破坏式创新》 这本书的介绍吧!