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多环境配置启动的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了在项目迁移中，nodejs连接dubbo服务的java工程实现示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步2022-03-03
这篇文章主要介绍了关于@Scheduled参数及cron表达式解释，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-12-12
下面小编就为大家带来一篇Java基础的几道练习题(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望可以帮到你2021-08-08
这篇文章主要为大家详细介绍了java实现后台数据显示在前端，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
Bean的作用域是指Bean实例的生命周期及可见性范围,Spring框架定义了6种作用域,本文就来和大家聊聊这6种作用域的定义与使用,希望对大家有所帮助2023-09-09
这篇文章主要介绍了关于Spring的统一功能处理(拦截器)实现,每个方法中都要单独写用户登录验证的方法，即使封装成公共方法，也一样要传参调用和在方法中进行判断,需要的朋友可以参考下2023-05-05
本篇文章主要介绍了Java实现在线预览的示例代码(openOffice实现)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
java 输入一个数字组成的数组(输出该数组的最大值和最小值)
这篇文章主要介绍了java 输入一个数字组成的数组，输出该数组的最大值和最小值,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了idea中如何集成http请求问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
本文主要介绍 java 线程安全的知识，这里整理了相关资料及实现示例代码，有兴趣的小伙伴可以参考下2016-09-09
最新评论