Vuejs3 如何在Vite.config.js中使用Vite env变量?

Vuejs3 如何在Vite.config.js中使用Vite env变量?,vuejs3,vite,Vuejs3,Vite,在我的Vite项目中使用以下.env: #为了防止意外地向客户端泄漏环境变量,仅 #带有VITE_uu前缀的变量将暴露于VITE处理的代码中 VITE_NAME=麦草 VITE_端口=8080 如何在我的VITE.config.js中使用VITE\u端口?您可以加载应用程序级别环境变量,并将它们添加到节点级别环境变量: 从“vite”导入{defineConfig,loadEnv}; 从“@vitejs/plugin vue”导入vue; 导出默认值({mode})=>{ process.en

在我的Vite项目中使用以下
.env

#为了防止意外地向客户端泄漏环境变量,仅
#带有VITE_uu前缀的变量将暴露于VITE处理的代码中
VITE_NAME=麦草
VITE_端口=8080

如何在我的
VITE.config.js
中使用
VITE\u端口

您可以加载
应用程序级别
环境变量,并将它们添加到
节点级别
环境变量:

从“vite”导入{defineConfig,loadEnv};
从“@vitejs/plugin vue”导入vue;
导出默认值({mode})=>{
process.env={…process.env,…loadEnv(模式,process.cwd())};
//import.meta.env.VITE_名称在此处提供:process.env.VITE_名称
//此处提供的import.meta.env.VITE_端口包括:process.env.VITE_端口
返回定义图({
插件:[vue()],
服务器:{
端口:process.env.VITE_端口,
},
});
}