全方位精通 Vite | 深入理解 ENV 环境变量

Vite 简介

Vite 是一个用于构建前端应用程序的现代化工具，由 Evan You（Vue.js 的创造者）领导的团队开发。它采用了一种全新的构建方式，可以极大地提高开发效率。

环境变量

环境变量是可以在应用程序中使用的特殊变量。它们通常用于存储与应用程序运行环境相关的信息，例如：

• 开发环境还是生产环境
• 应用程序的根 URL
• 应用程序的 public 目录

在 Vite 中，可以通过 process.env 对象访问环境变量。例如，要获取应用程序的根 URL，可以使用以下代码：

const baseUrl = process.env.BASE_URL;

ENV 环境变量

ENV 环境变量是一个特殊的环境变量，它可以用于存储任何自定义的环境变量。例如，您可以使用 ENV 环境变量来存储应用程序的 API 密钥。

要使用 ENV 环境变量，需要在 .env 文件中定义它们。例如，要定义一个名为 API_KEY 的环境变量，可以将以下代码添加到 .env 文件中：

API_KEY=1234567890

然后，就可以在应用程序中使用 process.env.API_KEY 来访问这个环境变量。

MODE 环境变量

MODE 环境变量是一个特殊的环境变量，它指示 Vite 当前处于哪种模式。有三种可能的模式：

• dev：开发模式
• local：本地模式
• prod：生产模式

在开发模式下，Vite 会自动重新编译代码并刷新浏览器。在本地模式下，Vite 会将代码编译成一个可部署的应用程序，但不会自动重新编译代码。在生产模式下，Vite 会将代码编译成一个可部署的应用程序，并对其进行优化。

BASE_URL 环境变量

BASE_URL 环境变量是一个特殊的环境变量，它指示应用程序的根 URL。在开发模式下，BASE_URL 默认值为 http://localhost:3000。在生产模式下，BASE_URL 默认值为 /。

DEV 和 PROD 环境变量

DEV 和 PROD 环境变量是两个特殊的环境变量，它们分别指示应用程序是否处于开发模式或生产模式。在开发模式下，DEV 为 true，PROD 为 false。在生产模式下，DEV 为 false，PROD 为 true。

PUBLIC_DIR 环境变量

PUBLIC_DIR 环境变量是一个特殊的环境变量，它指示应用程序的 public 目录。在开发模式下，PUBLIC_DIR 默认值为 public。在生产模式下，PUBLIC_DIR 默认值为 dist/public。

结语

本文介绍了 Vite 中的 ENV 环境变量。通过使用 ENV 环境变量，您可以轻松地存储和使用与应用程序运行环境相关的信息。