在 ViteJS React 文件中使用 NodeJs 环境变量

我使用 ViteJs 生成一个 ReactJs 项目。在 vite.config.ts 文件中我们可以看到如下内容：

const isDev = process.env["DFX_NETWORK"] !== "ic"
const network = process.env.DFX_NETWORK ||
   (process.env.NODE_ENV === "production" ? "ic" : "local");

VueJs 在 Javascript 文件中使用

import.meta.env

process.env

我如何设置 ViteJs 以便

process.env

VITE_*

import.meta.env

可以使用 vite 构建配置

define

import { defineConfig, loadEnv } from 'vite'

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

  return {
    define: {
      'process.env': {
        'DFX_NETWORK': env.DFX_NETWORK,
        'NODE_ENV':  env.NODE_ENV,
      }
    },
  })
}

您极不可能以这种方式将所有

process.env