针对vite vue3项目的改造流程
步骤
1、把package.json 中的 build:xx 统一
2、把.env.dev等多个环境配置重命名放到public下,public 中同时加一个config.js 的基础配置文件
3、index.html 中 加入不通环境的js
4、vite.config.js中进行变量的配置
环境映射:mode 参数 -> public 下的配置文件名
define: {
'import.meta.env.VITE_ENV_FILE': JSON.stringify(currentEnvFileName)
},
5、页面中使用的import.meta.env.xxx 全部替换成window.APP_CONFIG
6、打包出来的文件符合服务器端运维针对环境将对应环境的文件名改为config.js