Vite中环境变量

2022-05-18  本文已影响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
上一篇 下一篇

猜你喜欢

热点阅读