vite.config.ts加载.env环境变量

在阅读vite文档的时候,我们知道vite的环境变量 是在一个特殊的对象上,默认只有前缀为 VITE_ 的环境变量会被加载。

Vite 在一个特殊的 import.meta.env 对象上暴露环境变量。

vite在读取config配置的时候(比如说本地代理proxy的时候,或者想要在不同环境做不一样的配置)想要拿到配置好的环境变量,无法像vue-cli脚手架那样直接用process.env.xxx来获取,也不能直接使用import.meta.env.xxx,需要用到vite提供的一个方法来读取环境变量。

需要使用vite提供的 loadEnv来加载环境变量:

import { loadEnv } from "vite";

修改暴露出去的配置

export default ({ mode }) => {
	const env = loadEnv(mode, process.cwd());
	return defineConfig({
		...
	})
}

此时的env就相当于import.meta.env

你可能感兴趣的:(Vite,javascript,前端,vue.js)