其實這個問題在你使用vue cli構建項目的時候是不會出現的，因為你在創建項目的構建過程中已經讓你勾選了，然後會寫入 中。 這就在這，會讓你選擇Vue的構建方式。 如果你勾選 就會出現如上的配置。 其實這裡涉及到一個概念： 獨立構建:含義是，擁有完整的 和`運行時調用功能` 運行時構建:含義是，只擁 ...
其實這個問題在你使用vue-cli構建項目的時候是不會出現的，因為你在創建項目的構建過程中已經讓你勾選了，然後會寫入webpack.config.js中。
這就在這，會讓你選擇Vue的構建方式。
如果你勾選Runtime + Compiler就會出現如上的配置。
其實這裡涉及到一個概念：
- 獨立構建:含義是，擁有完整的
模版編譯功能和運行時調用功能 - 運行時構建:含義是，只擁有完整的
運行時調用功能
為什麼會有這種區分呢？
- 第一，因為Vue使用/運行過程分為兩個階段，第一階段是將模版進行編譯(如單個vue文件中的
template)為渲染函數(render)，第二階段是將實際函數的調用階段。 - 第二，因為自Vue2.x開始，Vue開始支持SSR（服務端渲染），而服務端是沒有DOM這些概念的。所以導致了從Vue2.x後會有分包的問題。
下麵是官方話術：
- 獨立構建包括編譯和支持 template 選項。 它也依賴於瀏覽器的介面的存在，所以你不能使用它來為伺服器端渲染。
- 運行時構建不包括模板編譯，不支持 template 選項。運行時構建，可以用 render 選項，但它只在單文件組件中起作用，因為單文件組件的模板是在構建時預編譯到 render 函數中，運行時構建只有獨立構建大小的 30%，只有 16Kb min+gzip 大小。
所以兩者最大的區別也就出來了
- 獨立構建包括編譯和支持 template 選項
- 運行時構建不包括模板編譯，不支持 template 選項
