chargement des bibliothèques quand elles sont nécessaires et non au premier chargement?

Question

comment puis-je charger une bibliothèque juste quand il est nécessaire, comme quand l'utilisateur accède à une page qui l'utilise?

dans mon cas j'ai une page sur l'application vuejs qui a besoin d'un élément Three.js, y compris la bibliothèque dans le index.html semble augmenter le temps de chargement initial trop

je suis le codage d'un vue.js (2 .x) programme sous-vue cli modèle PWA https://github.com/vuejs-templates/pwa

je suis en train d'éviter les temps de chargement initial lent pour l'application, toutes les suggestions pour y parvenir avec une grande bibliothèque, comme Three.js serait apprécié merci

Answer 1

Il semble que ce que vous recherchez est Code Sp Litting caractéristique de webpack. Vous pouvez consulter les documents webpack pour plus de détails. Mais si vous avez besoin de comprendre en bref, vous pouvez prendre dans ces blogs regarder:

Code Splitting With Vue.js And Webpack

3 Code Splitting Patterns For VueJS and Webpack