一、vue構建的基本了解
1,開始學習vue的原始碼的學習,vue.js是基於rollup構建的
它的配置在 scripts下面
rollup是webpack的簡小版針對於js進行壓縮的,沒有提供複雜的功能
構建的入口
構建的過程
二 、runtime only vs runtime compiler
runtime only:
我們在使用runtime only 的版本的vue.js 的時候,我們需要借助vue-loder把.vue版本的解析成j**ascript
這是編譯階段時候做的,所以只包含vue.js,**體積會很小。
runtime compiler :
這裡沒有對**做編譯,在vue 裡面傳入乙個vue 的template屬性,傳入乙個字串,在客戶端進行編譯模板
在vue.js2.0版本中,我們最終都是渲染成rend()函式,如果是template的屬性,我們最終會渲染成render函式,
這個編譯是發生的執行中, 所以runtime compiler更加消耗效能
// 需要編譯器的版本
new vue(}'})
// 這種情況不需要
new vue(
Vue原始碼解讀(二) Vue原始碼構建
vue.js 原始碼是基於 rollup 構建的,它的構建相關配置都在 scripts 錄下。通常 個基於 npm 託管的項 都會有 個 package.json 件,它是對項 的描述 件,它的內容實際上是 個標準的 json 物件。我們通常會配置 script 字段作為 npm 的執 指令碼,vu...
vue2 0原始碼學習一(vue原始碼構建過程)
前提知識背景 vue.js的打包構建是基於rollup進行的 1.開啟專案的package.json,在裡面可以看到很多配置項以及命令,今天先學習 的構建,需要關注下圖地方 這裡使用的build命令就是平時在使用vue cli打包的時候觸發的命令,可以看到它其實是執行了乙個node程式,執行scri...
Doxygen Graphviz構建原始碼組態檔
當檢視專案的源 時,乙個好的查詢文件能夠幫助提高 閱讀和理解的速度。使用doxygen和grapviz生成專案源 組態檔,包括類之間的繼承關係,函式之間的相互呼叫關係等。doxygen根據 注釋生成文件,說明類之間的繼承關係和函式呼叫關係 grapghviz進行圖形展示。doxygen配置介面 1....