Vue3 调试

vue3源码学习

vue3源码。
TypeScript。98% 以上使用 TypeScript 编写
模块：

• reactivity
• runtime-core
• runtime-dom
• runtime-test
• server-renderer
• compiler-core
• compiler-dom
• shared

调试搭建

1. clone 代码 git clone https://github.com/vuejs/vue-next.git
2. 文件tsconfig.json。更改属性sourceMap: true。
3. 文件rollup.config.js。函数createConfig中的return前添加一句话output.sourcemap = true
   
4. 执行命令npm run dev。会生成packages/vue/dist/vue.global.js文件。
5. 新建example文件夹，添加index.html 文件。引入刚刚生成的文件。
   
6. 用浏览器打开HTML文件。结果

7. 可以单独打包packages下的某一个模块

npm run dev reactivity
# 仿照第5步，新建html文件，script引入
<script src="../packages/reactivity/dist/reactivity.global.js"></script>

参考一
参考二