基于Vue2的獨立構(gòu)建與運行時構(gòu)建的差別(詳解)
其實這個問題在你使用vue-cli構(gòu)建項目的時候是不會出現(xiàn)的，因為你在創(chuàng)建項目的構(gòu)建過程中已經(jīng)讓你勾選了，然后會寫入webpack.config.js中。
這就在這，會讓你選擇Vue的構(gòu)建方式。
如果你勾選Runtime + Compiler就會出現(xiàn)如上的配置。
其實這里涉及到一個概念：
獨立構(gòu)建：含義是，擁有完整的模版編譯功能和運行時調(diào)用功能
運行時構(gòu)建：含義是，只擁有完整的運行時調(diào)用功能
為什么會有這種區(qū)分呢？
第一，因為Vue使用/運行過程分為兩個階段，第一階段是將模版進行編譯(如單個vue文件中的template)為渲染函數(shù)(render)，第二階段是將實際函數(shù)的調(diào)用階段。
第二，因為自Vue2.x開始，Vue開始支持SSR（服務(wù)端渲染），而服務(wù)端是沒有DOM這些概念的。所以導致了從Vue2.x后會有分包的問題。
下面是官方話術(shù)：
獨立構(gòu)建包括編譯和支持 template 選項。 它也依賴于瀏覽器的接口的存在，所以你不能使用它來為服務(wù)器端渲染。
運行時構(gòu)建不包括模板編譯，不支持 template 選項。運行時構(gòu)建，可以用 render 選項，但它只在單文件組件中起作用，因為單文件組件的模板是在構(gòu)建時預編譯到 render 函數(shù)中，運行時構(gòu)建只有獨立構(gòu)建大小的 30%，只有 16Kb min+gzip 大小。
所以兩者最大的區(qū)別也就出來了
獨立構(gòu)建包括編譯和支持 template 選項
運行時構(gòu)建不包括模板編譯，不支持 template 選項
以上這篇基于Vue2的獨立構(gòu)建與運行時構(gòu)建的差別(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了淺談Vue使用Elementui修改默認的最快方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-12-12
這篇文章主要介紹了vue自定義指令實現(xiàn)方法,結(jié)合實例形式分析了vue.js自定義指令相關(guān)定義、注冊、使用方法及操作注意事項,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了vue項目中定義全局變量、函數(shù)的幾種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要為大家詳細介紹了Vue之Axios的異步通信，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
這篇文章主要為大家詳細介紹了vue項目中canvas實現(xiàn)截圖功能，截取圖片的一部分，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Vue數(shù)組中出現(xiàn)__ob__:Observer無法取值問題的解決方法
__ob__: Observer這個屬性其實是Vue監(jiān)控變量產(chǎn)生的,下面這篇文章主要給大家介紹了關(guān)于Vue數(shù)組中出現(xiàn)__ob__:?Observer無法取值問題的解決方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細介紹了vue3實現(xiàn)旋轉(zhuǎn)圖片驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要給大家介紹了關(guān)于Vue前端生成UUID的相關(guān)資料,前端需要生成一個唯一標識符作為ID時,可以使用Vue UUID插件,比如生成訂單號、用戶ID等等,需要的朋友可以參考下2023-09-09
Vue中使用v-print打印出現(xiàn)空白頁問題及解決
這篇文章主要介紹了Vue中使用v-print打印出現(xiàn)空白頁問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-09-09
vue如何隨心所欲調(diào)整el-dialog中body的樣式
這篇文章主要介紹了vue如何隨心所欲調(diào)整el-dialog中body的樣式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05