vite使用vue2项目

这几天写了个vue2项目，同事调整成了vite打包，可以快速一点，对于这个项目，结构比较简单，其实从工程角度讲，用vue2的 cli创建时的webpack打包足够了。不过既然同事调整了，那就学习一下吧。
主要是 调整 index.html的位置和其中加入main.js的引入；安装vite（4，注意和vue2对应）；安装其他插件，vite对vue2的辅助vite-plugin-vue2，还有点其他的，参考下文链接；配置路由router的base（我的项目没有这个，就不用配置了）；写vite.config文件，下文连接的比较多，我这里有环境变量获取和跨域，需要注意loadEnv 引入可以暴露.env文件中的环境变量，对于vue2拿不到运行时的其他环境变量，可以在该文件中通过定义 ‘process.env’：{…loadEnv,…process.env}进行暴露，process.env在js文件中直接使用即可。因为内网开发这里就不写具体了，用到了再查（注意import.meta.env可能因为vite版本拿不到，这里两种方式都写一下，建议都试试）下面博客的步骤基本一致，参考下文
https://www.cnblogs.com/coderwhytop/p/16625444.html