在需要时加载库，而不是第一次加载？

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