javascript - 如何使用 Vite 从 .env 文件中加载环境变量

Question

我想从 加载环境变量.env 文件使用 Vite
我用了import.meta.env Docs 中提到的对象.env文件:

TEST_VAR=123F

当试图通过 import.meta.env 访问此变量时-> import.meta.env.TEST_VAR它返回未定义。
那么，我怎样才能访问它们？

Answer 1

根据docs ，您需要在变量前加上 VITE_ :

To prevent accidentally leaking env variables to the client, onlyvariables prefixed with VITE_ are exposed to your Vite-processed code.

如果您尝试访问应用程序源代码之外的环境变量(例如 vite.config.js 内部)，则必须使用 loadEnv() :

import { defineConfig, loadEnv } from 'vite';

export default ({ mode }) => {
    // Load app-level env vars to node-level env vars.
    process.env = {...process.env, ...loadEnv(mode, process.cwd())};

    return defineConfig({
      // To access env vars here use process.env.TEST_VAR
    });
}