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 
posted @   IslandZzzz  阅读(432)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
历史上的今天:
2020-06-05 初探Promise 中断与异常传送
2020-06-05 Javascript Map 对象/数组与map的相互转换
2020-06-05 初探immutable Redux+immutable实现todolist
点击右上角即可分享
微信分享提示