AntDesign多环境配置启动过程详解
更新时间：2023年11月09日 09:28:15 作者：Leovany
这篇文章主要为大家介绍了AntDesign多环境配置启动过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
环境分类
可以分为 本地环境、测试环境、生产环境等，通过对不同环境配置内容，来实现对不同环境做不同的事情。
AntDesign 项目，通过 config.xxx.ts 添加不同的后缀来区分配置文件，启动时候通过后缀启动即可。
config.ts : 公共配置config.xxx.ts：不同环境的差异配置
1 查看当前环境
通过代码process.env.NODE_ENV 查看开发环境
用了 umi 框架，build 时会自动传入 NODE_ENV == production 参数，start NODE_ENV 参数为 development
- 开发环境：development
- 生产环境：production
2 配置文件
不同项目都有不同的配置文件，umi的配置文件是config，可以在配置文件后添加对应的环境后缀来区分不同的环境。
参考文档：https://umijs.org/docs/api/api
- 公共环境：
config.ts - 开发环境：
config.dev.ts - 生产环境：
config.prod.ts
3 修改请求后端地址
通过自定义的request中的prefix设置请求后端地址
4 打包
打包方式分为命令行或界面按钮两种，最终都会生成dist目录。
Build 出来的环境process.env.NODE_ENV值是production
命令行方式，记得要在项目根目录执行。
方式一：
npm run build
方式二：
umi build
方式三：
按钮触发，跟方式二一样，方式二是命令行
5 启动
安装 serve
server 是前端启动的工具，方便本地启动
npm i -g serve
命令行启动
// 进入打包目录 cd ./dist // 本地启动 serve
点击链接访问即可
总结
前端的多环境配置，相对于后端有些麻烦，还有很多可以优化的空间。
以上就是AntDesign多环境配置启动过程详解的详细内容，更多关于AntDesign多环境配置启动的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了Java之springcloud Sentinel案例讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
Idea有着非常简便的Spring Boot新建过程,同时依靠pom自动下载依赖,下面这篇文章主要给大家介绍了关于用IDEA创建SpringBoot项目的详细步骤,文中通过图文介绍的非常详细,需要的朋友可以参考下2022-08-08
java文件操作代码片断实例实现统计文件中字母出现的个数功能
本文介绍java读文件实例，实现统计某一目录下每个文件中出现的字母个数、数字个数、空格个数及行数，除此之外没有其他字符,大家参考使用吧2014-01-01
这篇文章主要介绍了如何用Java语言打印九九除法表，包括其使用的源代码,需要的朋友可以参考下。2017-08-08
SpringBoot的API文档生成工具SpringDoc使用详解
这篇文章主要为大家介绍了SpringBoot的API文档生成工具SpringDoc使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
spring retry是从spring batch独立出来的一个能功能，主要实现了重试和熔断。这篇文章主要介绍了详解重试框架Spring retry实践，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
下面小编就为大家带来一篇Java去掉数字字符串开头的0三种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
下面小编就为大家带来一篇ssm实现分页查询的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
${} 和 #{} 都是 MyBatis 中用来替换参数的，它们都可以将用户传递过来的参数，替换到 MyBatis 最终生成的 SQL 中，但它们区别却是很大的，今天通过本文介绍下MyBatis中${} 和 #{} 有什么区别，感兴趣的朋友跟随小编一起看看吧2022-11-11
从数据结构的定义看，栈和队列也是一种线性表。其不同之处在于栈和队列的相关运算具有特殊性，只是线性表相关运算的一个子集。更准确的说，一般线性表的插入、删除运算不受限制，而栈和队列上的插入删除运算均受某种特殊限制。因此，栈和队列也称作操作受限的线性表2021-10-10
最新评论