webpack、vite--获取环境变量的区别（vue2/vue3）

背景：
现在公司项目在从vue2大量转向vue3，vue2我们是用的webpack作为打包工具，也就是用的vue2自带的vue.config.js。而vue3我们用了尤大大推荐的vite作为打包工具，里面一些使用方法发生了变化。

现在
我们需要获取项目配置的环境变量
按照我们对vue2（也就是webpack/vue.config.js）的熟悉，
我们很轻松的知道是process.env
但实际结果：

// 在webpack中：
  process.env  能获取到我们配置的环境变量
// 在vite中：
  process.env  结果是undefined

因为他们的语法不同
在vite.config.js中获取环境变量：

import.meta.env
console.log(import.meta.env) // 看看里面有没有你想要的环境变量吧