在vue2里，我们使用webpack打包工具，一些基本配置我们都是熟悉不能再熟悉，但在vite里，有什么不同呢？
参考链接 - vite 中文文档
vue2里，针对webpack的配置，是基于vue.config.js文件
但在基于vite的vue3里，配置文件是vite.config.js
我构建的是ts版本的vue3项目，那么我的配置文件就是vite.config.ts
而且该文件项目创建的时候已经默认生成了
新创建的项目配置文件，仅仅配置vue的支持，如下：
配置反向代理，利用 server配置项
配置项一目了然，跟vue2的vue.config.js的配置大同小异
这里主要说明下，我proxy里的config
config变量来源于全局变量
这需要在根目录下创建两个命名为：.env.development、.env.production的文件
编写相关的变量：
vue2中使用习惯了开箱即用的路径别名，但在vue3的ts项目里，如果直接使用，是会报错的：
这样配置后，引入组件就能正常被编译了
下一节 - vue3中引入router和vuex
shims-vue.d.ts 不要最外层使用 import 的语法
改成
src目录下建 typings 目录，然后下面建对应的 xx.d.ts 文件，里面声明对应的js模块，如：
declare module "qs"
declare module "nprogress"
然后在vite.config.js中导入这3个依赖
然后基于resolve写个小方法，方便以后新增别名使用(非必要)
接下来进入重要环节
以上就是vite.config.js文件的基本配置，需要更多配置的可以参考文档进行配置
以上只供参考，切莫直接复制，根据自己的项目情况而定，但大同小异
参考资料：
vite中文网文档地址： vite中文网
点赞加关注，永远不迷路
