美文网首页
vue源码赏析一(找到入口)

vue源码赏析一(找到入口)

作者: 梦行乌托邦 | 来源:发表于2020-06-19 12:55 被阅读0次
  1. 下载源码(2.6.11)

https://github.com/vuejs/vue

  1. 安装依赖,安装打包工具

npm i
npm i rollup -g

  1. 修改package.json中的dev脚本,加上:--sourcemap,这样在浏览器上运行的时候才能看到对应的未打包版本
"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",
  1. 运行

npm run dev

  1. 找到示例页面(examples这个目录下的都是),如examples/commits/index.html,在浏览器上打开

    如上图,看红线标注的地方,在源码中将.min删除
  2. 通过打断点调试,找到入口文件
    首先找到app.js,在 new Vue 行打上断点

    刷新页面,进入断点,如下图

    找到Vue对象定义的文件,在 src/core/instance/index.js

相关文章

网友评论

      本文标题:vue源码赏析一(找到入口)

      本文链接:https://www.haomeiwen.com/subject/qisvxktx.html