美文网首页
Vite中环境变量

Vite中环境变量

作者: 寻找无名的特质 | 来源:发表于2022-05-18 05:48 被阅读0次

开发和部署时不同的配置可以保存在环境变量中,在开发和发布时生成不同的文件。方法时,在项目路径下创建.env文件和.env.production、.env.development,等等,在文件中设置环境变量:

VITE_MYTITLE=测试网站(生产环境)

在代码中可以这样访问:

const title=import.meta.env.VITE_MYTITLE

还可以设置其它的配置文件,比如.env.staging,在build时运行vite build -- mode staging。
这些变量,只能在module中使用,如果在模板或其它地方,要么不起作用,要么会报错:
Error parsing JavaScript expression: import.meta may appear only with 'sourceType: "module"'
系统缺省变量:

const url=import.meta.env.BASE_URL
const mode=import.meta.env.MODE
const prod=import.meta.env.PROD
const dev=import.meta.env.DEV

相关文章

  • Vite中配置环境变量

    关于Vite环境变量的配置 在vite.config.js中首先在这个配置文件中我们是拿不到import.meta...

  • vite+vue3+typescript的env变量使用方法

    env环境变量 vite在import.meta.env 对象上暴露环境变量。固定的环境变量有 import.me...

  • 02-yarn整合axios

    0 vite环境变量 在浏览器环境里使用环境变量,打印如下变量 在项目根目录下创建.env文件,内容 在ts代码中...

  • Vite2+vue3+ts引用axios,配置环境变量

    安装 Axios 并封装,再配置环境变量 本章节源码:Lzq811/vite-vue-ts-eslint at v...

  • vite环境变量 env

    Vite 在一个特殊的 import. meta.env 对象上暴露环境变量。这里有一些普遍适用的内建变量: im...

  • Vite中环境变量

    开发和部署时不同的配置可以保存在环境变量中,在开发和发布时生成不同的文件。方法时,在项目路径下创建.env文件和....

  • vite技术揭秘--环境变量

    前言 我们开发中不可避免的要根据环境变量来做一些逻辑分支,在vite中有两种实现方式,即define和.env...

  • Vite中配置vue环境变量并请求

    1、在目录下新建如下几个变量 .env.development(开发环境) .env.production(生产环...

  • vite的开箱即用

    在vite官方文档中对于vite的使用是通过 npm or yarn 命令 init OR create @vi...

  • vite-esbuild

    这篇文章对 esbuild 在 vite 中的应用做一个总结 vite 中 esbuild 的应用 esbuild...

网友评论

      本文标题:Vite中环境变量

      本文链接:https://www.haomeiwen.com/subject/ttenurtx.html