vite配置多个环境

例如需要区分开发环境，生产环境，预发布环境。

VITE_ENV='development'
VITE_ENV='production'
VITE_ENV='staging'

在vite.config.js中获取环境变量

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/

export default ({ mode }) => {
    console.log(mode);
  return defineConfig({
    plugins: [vue()],
    resolve: {
      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
      base: './',
    },
    base: 'test',
  })
}

在vue文件中获取

console.log(import.meta.env.VITE_ENV);

参考 https://cn.vitejs.dev/guide/env-and-mode.html#env-variables