vue+vite多环境创建

新建两个.env文件

例如 .env.production .env.test
.env文件的内容必须以VITE开头 里面可以写一写配置方面的东西 比如 请求地址

VITE_USER_NODE_ENV = '测试环境'
VITE_BaseUrl = 'http://00000/'

配置package.json文件

注意 增加的格式为
·本地运行 “xxxx”: “vite --mode xxx”, (xxx为.env_xxx)
·build版本 “build:xxxx”: “vue-tsc && vite build --mode xxxx”
如果build版本报错的话 尝试删除vue-tsc && 后运行

"scripts":{
    "production": "vite --mode production",
    "test": "vite --mode test",
    "build": "vue-tsc && vite build",
    "build:prod": "vue-tsc && vite build --mode production",
}

运行

pnpm run test
pnpm run production

获取配置的参数

console.log(import.meta.env)