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

大猫会长

已于 2023-12-20 15:01:16 修改

阅读量1.9k

点赞数

文章标签： javascript vite

于 2023-12-20 15:00:57 首次发布

本文链接：https://blog.csdn.net/aexwx/article/details/135108413

版权

第一种,优先使用第一种方法,其中参数mode就是自定义--mode的值,如果没写,就是production或development

import { loadEnv } from 'vite'
export default ({ mode }) => {
  return defineConfig({
          plugins: [vue()],
          base:loadEnv(mode, process.cwd()).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
  })
}