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>

參考一
參考二