Vite中环境变量

开发和部署时不同的配置可以保存在环境变量中,在开发和发布时生成不同的文件。方法时,在项目路径下创建.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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容