vue3 在vite.config中无法使用import.meta.env.*的解决办法

下面就看两种解决办法吧：（以 VITE_APP_NAME为例）

**

// dotenv 需要单独npm install
export default ({ mode }) => {
  require('dotenv').config({ path: `./.env.${mode}` });
  // now you can access config with process.env.{configName}
  return defineConfig({
      plugins: [vue()],
      base:process.env.VITE_APP_NAME
  })
}

第二种：

**

import { loadEnv } from 'vite'
export default ({ mode }) => {
  return defineConfig({
          plugins: [vue()],
          base:loadEnv(mode, process.cwd()).VITE_APP_NAME
      })
}

个人觉得第二种好一点吧，少安装一个依赖，就这样吧，有不妥的或者搞不定的可以联系我，加油各位！愿我们的代码永远没有bug！！！

作者：于哈哈yhh
链接：www.jianshu.com/p/4973bd983…
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。