其實這個問題在你使用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這些概念的。所以導(dǎo)致了從Vue2.x后會有分包的問題。

下面是官方話術(shù)：

獨立構(gòu)建包括編譯和支持 template 選項。 它也依賴于瀏覽器的接口的存在，所以你不能使用它來為服務(wù)器端渲染。

運行時構(gòu)建不包括模板編譯，不支持 template 選項。運行時構(gòu)建，可以用 render 選項，但它只在單文件組件中起作用，因為單文件組件的模板是在構(gòu)建時預(yù)編譯到 render 函數(shù)中，運行時構(gòu)建只有獨立構(gòu)建大小的 30%，只有 16Kb min+gzip 大小。

所以兩者最大的區(qū)別也就出來了

獨立構(gòu)建包括編譯和支持 template 選項

運行時構(gòu)建不包括模板編譯，不支持 template 選項

以上這篇基于Vue2的獨立構(gòu)建與運行時構(gòu)建的差別(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。