Vite env环境变量

Vite环境变量

通过import.meta.env区分

npm run dev

main.js

console.log(import.meta.env); 
/**
    BASE_URL: "/"
    DEV: true
    MODE: "development"
    PROD: false
    SSR: false
 */

在生产的bundle中，MODE会替换成production

自定义env

新建以下三种类型文件

• .env文件 在开发和生产模式下import.meta.env都能拿到对应值
• .env.development 仅开发模式有效
• .env.development.local 仅本地开发模式有效
• .env.production 仅生产模式有效
• .env.test 仅测试环境有效， 前提是npm run dev --mode test 指定为测试环境

env文件内容

VITE_CUSTOM=CUSTOM // 前缀必须是VITE