vuejs code splitting with webpack 3種模式

世有因果知因求果發表於2018-03-25

我們知道一個web app如果太大會嚴重影響使用者的體驗,如何能夠最快速度地讓使用者看到完整頁面是優化web應用需要做的重要工作。

這其中使用code split實現lazy載入,只讓使用者初次訪問時只載入必須的html,css,javascrip是一個比較好的思路。那麼到底什麼情況下應該使用code split呢?

在vuejs app結合webpack工具鏈的開發中,至少有以下三種模式可能比較適合使用code split功能,實現lazy load.

per page,

below fold

by condition

 

https://medium.com/js-dojo/3-code-splitting-patterns-for-vuejs-and-webpack-b8fff1ea0ba4

相關文章