Maison > Article > interface Web > Packaging du projet Vuejs et optimisation du chargement du premier écran
Packaging du projet Vuejs et optimisation du chargement du premier écran
- php中世界最好的语言original
- 2018-05-02 15:33:241252parcourir
Cette fois, je vais vous présenter le packaging du projet vuejs et l'optimisation du chargement du premier écran. Quelles sont les précautions pour le packaging du projet vuejs et l'optimisation du chargement du premier écran. Voici des cas pratiques, jetons un coup d'oeil.
1 : Utilisation des ressources CDN
Lorsque nous emballons, nous emballons.json, depend enciesLes plugins sont empaquetés dans des objets Nous pouvons en charger certains en utilisant cdn. Par exemple, si nous ne voulons pas intégrer vue, axios, vuex et vue-router dans notre projet, nous avons besoin Comme ceci :
1 : Ouvrez webpack.base.conf.js
module.exports = {
externals: {
‘vue‘: ‘Vue‘,
‘axios‘: ‘axios‘,
‘vuex‘: ‘Vuex‘,
‘vue-router‘: ‘VueRouter‘
}
}
2 : Ouvrez router/index.js. Déconnectez-vous des deux lignes suivantes
//import Vue from ‘vue‘ //Vue.use(Router)
3 : Si vous utilisez vuex, déconnectez-vous de Vue.use (Vuex) dans vuex/index.js (nommé différemment)
Vue.use(Vuex)
Problèmes possibles après emballage
1 : Les éléments entourés de keep-alive ne peuvent pas être affichés
Raison : Inconnue pour l'instant.
Solution : Pas besoin de rester en vie
Lecture recommandée : Le projet Vue utilise CDN pour optimiser le premier problème de chargement d'écran
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article, plus Veuillez prêter attention aux autres articles connexes sur le site Web php chinois !
Lecture recommandée :
vue réduit le nombre de requêtes du serveur
De quelles manières vue-cli peut raccourcir le temps de chargement du premier écran
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!