官方文档是这样写的:

src同名文件夹下的建立

.env.[model] 配置文件  // mode:production development ...

 

载入的变量会对vue-cli-service的所有命令、插件和依赖可用

https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F

 


想一下里面实现的原理,应该是这样的:

 

1.设定好的key value值首先会被webpack构建进程 安置,在webpack构建时直接就可以拿到process.env.拿到,

 

2.文档又说,如果是以VUE_APP_开头的变量会被webpack.definePlugin放到客户端中,在代码中使用process.env.xx就可以拿到

即在编译过程中进行define字符串替换

内部实现应该是将process.env.VUE_APP_xxx 替换为 相应的值

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-28
  • 2021-09-10
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-06-25
  • 2021-06-13
  • 2021-10-26
  • 2021-07-01
  • 2022-01-14
相关资源
相似解决方案