Vite 自定义环境变量：读取外部配置指南

本指南将详细介绍如何使用Vite的自定义环境变量功能来读取外部配置。

步骤一：创建.env文件

在你的项目根目录下创建一个名为`.env`的文件，并在其中定义你的环境变量。例如：

VITE_API_KEY=your_api_key
VITE_API_URL=your_api_url

请注意，环境变量的名称必须以`VITE_`开头，以便Vite能够正确地识别它们。

步骤二：访问环境变量

在你的代码中，你可以通过`import.meta.env`来访问这些环境变量。例如：

console.log(import.meta.env.VITE_API_KEY); // 输出 your_api_key
console.log(import.meta.env.VITE_API_URL); // 输出 your_api_url

步骤三：运行应用程序

运行你的Vite应用程序时，默认会使用`.env`文件中定义的环境变量。你可以使用以下命令来启动你的应用程序：

npm run dev

使用不同环境的配置

如果你想在不同的环境中使用不同的环境变量，你可以创建`.env.development`、`.env.production`等文件，并在启动应用程序时使用不同的命令来加载这些文件。例如：

npm run dev // 加载 .env.development 文件
npm run build // 加载 .env.production 文件

希望这些步骤能帮助你使用Vite的自定义环境变量功能来读取外部配置。