vite定制需求打包

技术栈：vue3+vite
开发的管理系统需要应用在多个医院。产品提了一个需求，针对某一家医院，需要将登录页的logo去掉，其它的医院保留。由于未登录状态无法获取医院信息，因此采用定制打包的方案。

解决方案：

1. 添加.env.[mode]文件
   在文件中添加env变量，注意，变量一定要以VITE_开头

.env.production_hidelogo
VITE_HIDE_LOGO = true

2. 添加打包参数
   

"build": "cross-env NODE_ENV=production vite build",
"build:hide-logo": "cross-env NODE_ENV=production vite build --mode production_hidelogo",

3.在对应页面使用

 // 获取变量
 const hideLogoFlag = import.meta.env.VITE_HIDE_LOGO