开发和部署时不同的配置可以保存在环境变量中,在开发和发布时生成不同的文件。方法时,在项目路径下创建.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
网友评论