L'optimisation du projet vue-cli 2.x introduit les fichiers de bibliothèque statiques locaux

Cet article présente principalement l'introduction des fichiers de bibliothèque statique locale sur l'optimisation du projet vue-cli 2.x. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

. vue -cli Placez les fichiers de ressources statiques dans le dossier statique et citez :

1 Copiez le xxx.min.js correspondant sous node_modules dans le dossier statique du projet
2.index.html Modifier <.>Ajouter une introduction de script

<script src="static/js/vue.min.js"></script>
<script src="static/js/vue-router.min.js"></script>

3. Modifiez le fichier build/webpack.base.conf.js :

Commentez la ligne suivante

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      // 'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

Ajoutez la section externals. (les externes et les ressources sont au même niveau).

    externals: {
        'vue': 'Vue',
        'vue-router': 'VueRouter'
    },

• Adresse de démonstration : https://github.com/cag2050/vu...

Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment vue résout le problème de l'échec de l'actualisation après que addRoutes ajoute dynamiquement des routes

Communication faite maison avec les composants Vue plug-in Utiliser mixin pour écrire des plug-ins

La route vers le projet de création d'activités Vue commence par la conception et le développement de la barre de navigation

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!