vite.config.js如何使用env的环境变量

了解下环境变量在vite中

  • 官方文档说到.env.[mode] # 只在指定模式下加载,比如.env.development只在开发环境加载

  • 至于为什么是development,而不是其他的,因为默认就是developmentproduction来区分开发和生产

    • 你也可以自定义,只需要在启动的时候添加--mode xxxx就可以,比如下面的
    • 下图为输出查看import.meta.env,就会发现mode变为了abdfed

"import.meta" is not available with the "cjs" output format and will be empty [empty-import-meta]

  • 如果你在vite.config.js中直接使用import.meta.env,就会发现出现这个错误了
js 复制代码
正在编译中...
▲ [WARNING] "import.meta" is not available with the "cjs" output format and will be empty [empty-import-meta]

    vite.config.js:15:28:
      15 │                     target: import.meta.env.VITE_APP_BASE_API,
         ╵                             ~~~~~~~~~~~
js 复制代码
import { defineConfig,loadEnv } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'

export default defineConfig(({ mode }) => {
    const root = process.cwd();
    const viteEnv = loadEnv(mode, root);
    console.log(viteEnv.VITE_API_ADDRESS);
    return {
        base: './',
        build: {
            minify: true,
            outDir: 'dist',
        },
        server: {
            port: '8067',
            proxy: {
                "^/sys": {
                    target: "https://abc.com",
                    changeOrigin: true,
                },
            },
        },
        plugins: [
            uni()
        ],
        exclude:[
            /\/README\.md$/,
        ]
    }
})
相关推荐
艾莉丝努力练剑7 分钟前
【C语言】学习过程教训与经验杂谈:思想准备、知识回顾(三)
c语言·开发语言·数据结构·学习·算法
独立开阀者_FwtCoder12 分钟前
面试官:为什么在 Vue3 中 ref 变量要用 .value?
前端·javascript·vue.js
独立开阀者_FwtCoder15 分钟前
手握两大前端框架,Vercel 再出手拿下 Nuxt.js,对前端有什么影响?
前端·javascript·vue.js
独立开阀者_FwtCoder16 分钟前
弃用 html2canvas!快 93 倍的截图神器!
前端·javascript·vue.js
伍哥的传说1 小时前
H3初识——入门介绍之常用中间件
前端·javascript·react.js·中间件·前端框架·node.js·ecmascript
AA-代码批发V哥1 小时前
JavaScript之数组方法详解
javascript
邓不利东1 小时前
Spring中过滤器和拦截器的区别及具体实现
java·后端·spring
洛小豆1 小时前
深入理解Pinia:Options API vs Composition API两种Store定义方式完全指南
前端·javascript·vue.js
Jokerator1 小时前
Vue 2现代模式打包:双包架构下的性能突围战
javascript·vue.js
洛小豆2 小时前
JavaScript 对象属性访问的那些坑:她问我为什么用 result.id 而不是 result['id']?我说我不知道...
前端·javascript·vue.js