从入口开始看起

写博客就是记录自己撸码的过程和问题,好了~废话就不多说了,直接源码撸起,通过上一篇博客咱们大致知道了Vue源码目录设计,下面我们要一步步找到vue的入口

通过查看package.json中scripts命令会发现以下命令

Vue源码解析之函数入口

O(∩_∩)O是不是很熟悉的味道~~~~~~~~~~~

打开配置文件config.js后,我们会发现builds对象,对象中有不同环境,我们找到web-full-dev

Vue源码解析之函数入口

接下来我么看entry字段,它对应方法resolve方法,通过此方法解析到地址:src/platforms/web/entry-runtime-with-compiler.js

Vue源码解析之函数入口

通过aliases得到不同地址对象

Vue源码解析之函数入口

嘿嘿~~我们轻松找到了vue真正的入口文件:src/platforms/web/entry-runtime-with-compiler.js

打开文件后我们会发现此文件中vue其实不是真正vue构造函数,但是我们离着它的真身已经非常的接近接近

Vue源码解析之函数入口

通过层层寻找,我们找到真正的vue构造函数在src/core/instance/index.js

Vue源码解析之函数入口

vue真正的构造函数找到了,具体函数现在不用多看,后面咱们一起慢慢的解开它的面纱,无论以后会不会使用到但是Vue源码的编码形式和结构是我们值得学习的。。。。

好啦~~~在此小弟感谢那么帮助到小弟的大神和老师们。谢谢~~~

相关文章:

  • 2022-12-23
  • 2018-01-29
  • 2018-11-22
  • 2021-12-30
  • 2022-12-23
  • 2022-03-06
  • 2018-12-03
猜你喜欢
  • 2021-10-26
  • 2022-01-10
  • 2022-12-23
  • 2019-02-18
  • 2021-09-29
  • 2021-07-03
相关资源
相似解决方案