vite定制需求打包

2023-12-28 22:37:52

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

解决方案：

  1. 添加.env.[mode]文件
    在文件中添加env变量，注意，变量一定要以VITE_开头
.env.production_hidelogo
VITE_HIDE_LOGO = true
  1. 添加打包参数
"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

文章来源:https://blog.csdn.net/TinaSlowDown/article/details/135236339
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。