vue2 0原始碼學習一(vue原始碼構建過程)

2022-07-08 23:18:17 字數 650 閱讀 3445

前提知識背景:vue.js的打包構建是基於rollup進行的

1.開啟專案的package.json,在裡面可以看到很多配置項以及命令,今天先學習**的構建,需要關注下圖地方

這裡使用的build命令就是平時在使用vue-cli打包的時候觸發的命令,可以看到它其實是執行了乙個node程式,執行scripts/build.js檔案

可以看到,在載入構建配置項那裡又引用到了乙個config的檔案,現在進去看看config寫的getallbuilds處理了什麼邏輯

這裡的genconfig方法是將config配置成rollup打包所需要的配置結構,處理完後直接返回給build.js裡得到所有的build配置,然後經過下圖中的過濾,把需要的留下來進行打包

(一)vue2 0學習筆記

官方api位址 引用 body標籤的閉合標籤上面 2.1.0 新增 用法 繫結事件 事件型別由引數指定。表示式可以是乙個方法的名字或乙個內聯語句,如果沒有修飾符也可以省略。用在普通元素上時,只能監聽原生 dom 事件。用在自定義元素元件上時,也可以監聽子元件觸發的自定義事件。在監聽原生 dom 事件...

手寫Vue2 0原始碼 渲染更新原理

此篇主要手寫 vue2.0 原始碼 渲染更新原理 採用觀察者模式 定義 watcher 和 dep 完成依賴收集和派發更新 從而實現渲染更新.適用人群 沒時間去看官方原始碼或者看原始碼看的比較懵而不想去看的同學 1.定義 watcher src observer watcher.js 全域性變數id...

手寫Vue2 0原始碼 渲染更新原理

此篇主要手寫 vue2.0 原始碼 渲染更新原理 採用觀察者模式 定義 watcher 和 dep 完成依賴收集和派發更新 從而實現渲染更新.適用人群 沒時間去看官方原始碼或者看原始碼看的比較懵而不想去看的同學 1.定義 watcher src observer watcher.js 全域性變數id...