vue原始碼的構建

2022-10-10 14:03:08 字數 642 閱讀 5100

一、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....