在需要時加載庫，而不是第一次加載？

Question

如何在需要時加載庫，例如用戶何時進入使用它的頁面？

在我的情況

我有一個需要Three.js元素，包括在index.html中的庫vuejs應用頁面似乎增加初始加載時間太多

我編碼一個vue.js（2 .X）在方案VUE-CLI與PWA模板https://github.com/vuejs-templates/pwa

我試圖避免緩慢的初始加載時間的應用程序，有什麼建議與大的一個圖書館實現這一Three.js等，將不勝感激 謝謝

Answer 1

看來你正在尋找的是Code Sp從webpack中刪除功能。您可以參閱webpack文檔以獲取更多詳細信息。但是，如果你需要在很短明白你可以看看在這些博客：

Code Splitting With Vue.js And Webpack

3 Code Splitting Patterns For VueJS and Webpack