前言：
公司业务主要是工厂型业务，之前的一个高级前端选择搭建项目时，选型了Vben框架，一直延续使用。目前使用的版2.8.0,antd版本2.2.8，关注antd的可以看到官网都5.X了，增加了很多新功能。经过人员变更，一言难尽，现在是我一个高级后端java人员，来处理前端，记录下升级的过程改造（**非专业前端，不喜勿喷**）。
Vben地址[：git源码](https://github.com/vbenjs/vue-vben-admin)
最新release版本2.10.1，antd版本3.2.17，vite版本4.4.0
差异1：
对vite的抽取和封装，导致目录结构不同，vite的使用不同
Vben2.8:
Vben2.10:
差异2: 配置参数不同
改造第一步就是在2.10.1版本把配置文件业务所需参数，复制过来，并改造响应源码，主要是把2.8版本代码复制到2.10.1，最终2.10.1的改造如下：
1、package.json没有修改
2、vite.config.ts 去除了server
3、增加ViteEnv的配置内容，增加GlobEnvConfig配置内容
4、src/util/env.ts增加新配置
5、拷贝Vben2.8：build\vite\proxy.ts文件
6、增加server，支持不同env的动态代理
7、
测试情况：
原先环境，访问端口5173
改造后，端口设为8080，可以看到能够正常启动
环境整理后，最大感受就是本地开发启动非常快速，对比2.8版本，经常本地启动后至少要2-3min以上才能打开本地页面，同时打包build速度也提升了很多，Vite4的构建确实提升很大。
感谢Vben开源，以及其他开源项目vite,antd的团队和大佬。
