console.log(import.meta.env) 1. 在vite.config.js中使用,不能用import.meta.env,具体使用如下 export default defineConfig(({ mode, command }) => { const env = loadEnv(mode, process.cwd()); const { VITE_APP_ENV, VITE_APP_BASE_PATH } = env; return {...} }) 1. 2. 3. 4. 5....
1. 创建一个 `.env.development` 文件并设置您的自定义环境变量，以 `VITE_` 为前缀。例如：`VITE_MY_VARIABLE=Hello World`2. 在您的 Vue 组件中，通过 `import.meta.env` 来获取环境变量。例如：`import { VITE_MY_VARIABLE } from 'import.meta.env'`3. 确保您在 Vue 组...
今天在配置vite.config的时候使用到import.meta.env来设置项目路径,本打算直接可以想vue2一样使用,执行npm run build的时候却发现报错了,不能这样用,这就很奇怪了,而且现在3.0和vite还没有广泛使用,查文档不是很清楚。所以就想到了github的issues,果然有和我一样需求的人问了这个问题。
在vite.config.js中配置,若没有请自行创建,以下是示例: import { defineConfig, loadEnv } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig(({ mode }) => { // 获取env const env = loadEnv(mode, process.cwd()); return { // 插件 plugins: [ vue(), ], /...
console.log(import.meta.env.VUE_APP_UNION_STATS) 两个打印都得到了正确的结果,注意:vite中默认只能读取到VITE_开头的环境变量,如果不配置envPrefix,则会导致第二个打印为undefind。 vite.config.js中不能读取到环境变量 vite.config.js是无法直接通过import.meta.env和process.env获取环境变量的,我们需要通过...
因它使用 Rollup 打包代码,并且是预配置的,可输出用于生产环境的高度优化过的静态资源。 所以配置项相比较webpack会更加简洁! 6191d603bf746.png 注:在vite.config.js中无法使用process.env与import.meta.env.* 所以使用环境变量的方法需要用到 vite 全局方法 loadEnv(mode,变量名) ...
最常用的场景就是监听 vite.config.js 和 .env.development 文件,修改 vite配置文件和环境配置文件,是需要重启 vite 才会生效,通过这个插件,在修改上述两个文件则不需要重新运行 安装 npm i vite-plugin-restart -D 配置:vite.config.js import ViteRestart from 'vite-plugin-restart' ...
vue3 在 vite.config 中无法使用import.meta.env.*的解决办法 参考链接 https://www.jianshu.com/p/4973bd983e96 import{loadEnv}from'vite'exportdefault({mode})=>{returndefineConfig({plugins:[vue()],base:loadEnv(mode,process.cwd()).VITE_APP_NAME})} ...
获取方式也不一样,在vite是通过import.meta.env,而在vue-cli则是通过process.env 3.最后 如果你有其他解决方式,欢迎在评论区留言,也可以加我微信,我们一起喝茶 讨论 你好,我是 树酱,请你喝杯 记得三连哦～ 1.阅读完记得点个赞哦,有 有动力 2.关注公众号前端那些趣事,陪你聊聊前端的趣事 ...
//1、 安装:npm i vite-plugin-svg-icons -D//2、 vite.config.js配置import{ defineConfig,loadEnv }from'vite'import{createSvgIconsPlugin}from'vite-plugin-svg-icons';constpath =require("path");exportdefault({ mode }) => defineConfig({plugins: [vue(),createSvgIconsPlugin({// 指定要缓存的...