环境配置

Vack 支持多环境,可以使用 .env.* 文件配置环境变量,默认支持 dev、test、prod 三种环境。

├─ .env.dev
├─ .env.test
├─ .env.prod

环境变量

开发者可以根据项目需要定义环境变量。 Vack 默认使用了以下环境变量:

环境变量说明
NODE_ENV编译模式
VITE_BASE站点的基础路径
VITE_API_BASEURL接口的基础路径
VITE_API_MOCK是否启用接口模拟
VITE_LOCALE_DEFAULT国际化默认语言
  • VITE_BASE 默认为 /,即部署在一级路由;如果需要部署在二级路由,则需修改为 /xxx
  • VITE_API_BASEURL 也作为 axios 实例的 BASE_URL 参数。

新增环境

Vack 默认支持 dev、test、prod 三种环境,开发者可以根据项目需要新增环境。 新增一个环境只需要创建环境变量文件,再添加相应的调试/构建命令即可。

以新增一个 local 环境举例:

  1. 复制 .env.dev 命名为 .env.local
$ cp .env.dev .env.local
  1. package.json 添加调试命令(dev:local)构建命令(build:local)
{
  "scripts": {
    "dev:local": "vite --mode local",
    "build:local": "vite build --mode local"
  }
}
更新时间:
作者: leexiaohui