Vite 是一个现代化的前端构建工具,它提供了内置的环境变量来辨别当前环境是生产环境还是开发环境。在 Vite 中,可以通过检查 import.meta.env 对象来获取当前环境的信息。 import.meta.env 对象包含了一些常用的环境变量,其中最重要的是 MODE 变量。MODE 变量表示当前的构建模式,可以是 development(开发模式)或 product...
1.让 vite.config.js 具备语法提示: 方法1:使用 defineConfig 方法: vite.config.js 需要导出一个配置对象: exportdefault{ ... } 但是这样是不会具备配置提示能力的,defineConfig 是一个封装了导出类型的配置构建函数,利用其可以让代码具备提示能力: import{ defineConfig }from"vite"; exportdefaultdefineConfig...
VITE_APP_API_URL='http://iblog.ishareread.com' 这里我们主要通过VITE_APP_API_URL变量来区分不同的环境调用不同的接口,在开发环境调用本地接口http://localhost:8000,在测试环境用mock接口,在生产环境调用真实接口。 3、在项目中使用环境变量 使用import.meta.env.VITE_APP_API_URL在axios请求中使用环境变量的...
vite 区分生产环境开发环境 示例1 vite.config.ts import{defineConfig,loadEnv}from'vite'import{resolve}from'path'exportdefault({mode})=>{const__DEV__=mode==='development'returndefineConfig({base:__DEV__?'/':'emoji-popover',root:'example',server:{open:false,port:3000},build:{outDir:'../...
1.让 vite.config.js 具备语法提示: 方法1:使用 defineConfig 方法: vite.config.js 需要导出一个配置对象: exportdefault{ ... } 但是这样是不会具备配置提示能力的,defineConfig 是一个封装了导出类型的配置构建函数,利用其可以让代码具备提示能力:
vite 区分生产环境开发环境 示例1 vite.config.ts import{defineConfig,loadEnv}from'vite'import{resolve}from'path'exportdefault({mode})=>{const__DEV__=mode==='development'returndefineConfig({base:__DEV__?'/':'emoji-popover',root:'example',server:{open:false,port:3000},build:{outDir:'../...