vue-cli-service原理研究,以及其与webpack-dev-service的区别

<!--
关于vue-cli-service可以看看这篇文章讲的很不错
https://segmentfault.com/a/1190000020338771
 1.process.env.VUE_CLI_CONTEXT是什么,好像是webpack中的context 看看这篇https://forum.vuejs.org/t/vue-cli-3-0-context/49953




2.minimist这个包的作用
这个是命令行解析工具,那么乍一听这是个啥,其实这个东西用的地方无处不在,只要是有命令行的地方几乎都会用到命令行解析工具
具体可以看看这几篇文章 https://www.cnblogs.com/freshchen/p/11660046.html
比如你打vue -help就会出来一大堆帮助,你vue项目,的--progress --color ,npm -save啥的,linix里的ls啥的命令git bash啥的,数据库里selct *啥的 这些输入运行,你一定有个疑问,为啥要这么输,谁规定的格式 为啥这么输入就有作用 就会反馈,是哪里做了这部分的处理逻辑
这就是命令行解析工具的作用,他可以定义命令行的各种表示,可以读取,可以展示等等,明白我意思吗
而这里vue-cli-service弄这个minimist的作用好像主要是解析参数,读取和赋值啥的 

------就这个命令行工具,就让我体会到了自己一直在上层做开发,这种底层的东西我根本就没管过,没有深究,现在一看
觉得底层就是吊啊,所以c啥的就那么吊


3.vue的插件机制是啥
vue-cli-service 里面的插件部分不是很懂
然后刚刚看到了里面的resolceClientEnv.js文件 //被爷找到了,不是APP_VUE*这个开头的全局变量就会被过滤掉
然后看到了loadEnv方法:载环境变量,从项目根目录下的.env.(mode)文件读取环境变量,并写入到process.env(声明环境变量必须是VUE_APP_*,不然会被过滤掉)
  const env = dotenv.config({ path: envPath, debug: process.env.DEBUG })
 dotenv这个包用来读取项目路径下的.env.develpment啥的文件里的环境变量,VUE_APP_*开头的这种


所以说到底,vue-cli-sevice还是基于webpack-dev-server的
而webpack-dev-server又是基于nodejs的express框架开的服务器
-->

 

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值