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

时间:2017-09-05 14:44:17

标签: webpack three.js vuejs2

如何在需要时加载库,例如当用户访问使用它的页面时?

在我的情况下,我在vuejs应用程序上有一个需要Three.js元素的页面,包括index.html中的库似乎过多地增加了初始加载时间

我正在使用PWA模板https://github.com/vuejs-templates/pwa

在vue-cli下编写vue.js(2.x)程序

我正在尝试避免应用程序的缓慢初始加载时间,任何使用大型库(例如three.js)实现此目的的建议将不胜感激 谢谢

1 个答案:

答案 0 :(得分:1)

您正在寻找的是来自webpack的Code Splitting功能。您可以参考webpack文档以获取更多详细信息。但如果您需要简单了解,可以查看以下博客:

Code Splitting With Vue.js And Webpack

3 Code Splitting Patterns For VueJS and Webpack