optimisation du packaging du projet vuejs

Cette fois, je vais vous présenter l'optimisation du packaging du projet vuejs. Quelles sont les précautions à prendre pour l'optimisation du packaging du projet vuejs ?

1 : Utilisation des ressources CDN

Lorsque nous emballons, nous empaqueterons les plug-ins dans l'objet dépendances dans package.json We. peut 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 de 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 :

React divise le code de la page et se charge à la demande

Quelles sont les précautions d'utilisation de Dom dans Angular2

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!