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数组扩容实现方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了Java CAS机制，CAS机制是一种数据更新的方式。在具体讲什么是CAS机制之前，我们先来聊下在多线程环境下，对共享变量进行数据更新的两种模式：悲观锁模式和乐观锁模式2023-01-01
本篇文章主要介绍了Gradle使用Maven仓库的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
IO主要用于设备之间的数据传输,Java将操作数据流的功能封装到了IO包中,这篇文章主要给大家介绍了关于Java新手学习之IO流简单使用的相关资料,需要的朋友可以参考下2022-05-05
在本文中，我们将说明Spring Security如何允许我们控制HTTP会话。这篇文章主要介绍了使用Spring Security控制会话 ,需要的朋友可以参考下2019-05-05
在 Java 中,移位运算符用于对二进制数进行位移操作,它们可以将一个数的所有位向左或向右移动指定的位数,本文小编将给大家详细的介绍一下Java移位运算符,需要的朋友可以参考下2023-09-09
@Scheduled fixedDelayString 加载properties配置方式
这篇文章主要介绍了@Scheduled fixedDelayString 加载properties配置方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-10-10
JSON（JavaScript Object Notation）是数据交换的轻量级格式,它以易于人类阅读和机器解析的方式组织数据,基于键值对,在Java开发中,处理JSON数据通常涉及使用Jackson、Gson、Fastjson等库,本文给大家介绍JSON数据操作与处理全面指南,感兴趣的朋友一起看看吧2024-10-10
为什么要使用缓存？说到底是为了提高系统的运行速度。将用户频繁访问的内容存放在离用户最近，访问速度最快的地方，提高用户的响应速度。下面我们来一起深入学习一下吧2019-06-06
下面小编就为大家带来一篇使用Java进行Json数据的解析(对象数组的相互嵌套)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论