vue-cli3 中的环境变量

官方文档是这样写的:

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


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

设定好的key v变量首先会被处理放在webpack的处理进程里,直接就可以拿到process.env.拿到,

文档又说,如果是以VUE_APP_开头的变量会被webpack.definePlugin放到客户端中

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

对process.env.VUE_APP_xxx 替换为 相应的值

猜你喜欢

转载自www.cnblogs.com/eret9616/p/11027928.html
今日推荐