本文共 793 字，大约阅读时间需要 2 分钟。
在 Vue CLI 项目中，模式是一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式：开发、测试和生产。
vue-cli-service serve 命令。vue-cli-service test:unit 命令。vue-cli-service build 和 vue-cli-service test:e2e 命令。环境文件用于配置项目在不同环境下的行为。常见的环境文件类型包括：
| 文件名 | 描述 |
|---|---|
| .env | 在所有环境中被加载，合并使用 |
| .env.local | 在所有环境中被加载，但会被 Git 忽略 |
| .env.[mode] | 只在指定模式下被加载 |
| .env.[mode].local | 只在指定模式下被加载，但会被 Git 忽略 |
环境文件的优先级规则：
.env.development）。.env）。环境变量通过环境文件定义，格式为 键=值。变量需以 VUE_APP_ 开头，例如 VUE_APP_BASE_API。这些变量会被 Vue CLI 的所有命令、插件和依赖访问。
环境文件的加载是根据启动命令自动完成的，不需要手动控制。例如：
npm run serve 会加载 .env.development。npm run build 会加载 .env.production。process.env 是一个全局对象，提供了 Node.js 进程的信息。它允许在任何地方访问当前环境的配置，不需要使用 require()。
通过合理配置环境文件和正确使用 process.env，可以实现对项目环境的精细控制。理解这些概念对于优化和维护 Vue CLI 项目至关重要。
转载地址：http://njca.baihongyu.com/