更改ReactJs ViteJs项目中.env文件的默认路径

Question

我想在 ReactJs / ViteJs 项目中设置多个 env 文件，遵循 vite enDir 文档，它应该是这样的：

root
   |
   .env.dev
   ...
   .env.prod

但由于当根目录上有很多 env 文件时它会变得如此混乱，我可以做的是更改 vite 配置以便从env 文件夹获取 env 变量

root
   |
   env
      |
      .env.dev
      ...
      .env.prod

Answer 1

envDir您可以通过对象中的参数设置 .env 文件位置defineConfig。

解决方案是：

import { defineConfig } from "vite";

export default defineConfig({
  envDir: "./env"
});