vite .env

自定义 env，在根目录新建文件
/.env
/.env.production 生产环境
/.env.development 开发环境
/.env.development.local

import.meta.env
import.meta.env.MODE
import.meta.env.BASE_URL
// .env.dev
NODE_ENV = development
VITE_NAME = dev

生产环境是不存在，meta.env这个环境变量的

• 会直接把 meta.env，替换为一个对象输出
• https://cn.vitejs.dev/config/#envprefix
• https://vitejs.dev/config/#envprefix

环境变量

• MODE
• BASE_URL
• PROD
• DEV
• SSR

�

mode

—mode修改环境变量
package.json scripts

{
    "dev": "vite --mode dev",
  "build": "vite build --mode production",
}

vite-env.d.ts

/vite-env.d.ts

/// <reference types="vite/client" />
interface ImportMetaEnv {
  VITE_TITLE: string;
}

vite环境变量

要添加 VITE_ 前缀

VITE_TITLE='OK'

prod线上环境

production replacement

local本地开发环境

/.env.development.local

预发环境