Dieser Artikel stellt hauptsächlich die Einführung lokaler statischer Bibliotheksdateien zur Vue-Cli 2.x-Projektoptimierung vor. Jetzt kann ich ihn mit Ihnen teilen.
1 Kopieren Sie die entsprechende xxx.min.js unter node_modules in den statischen Ordner des Projekts
2.index.html Ändern
Skripteinführung hinzufügen
<script src="static/js/vue.min.js"></script> <script src="static/js/vue-router.min.js"></script>
3. Ändern Sie die Datei build/webpack.base.conf.js:
Kommentieren Sie die folgende Zeile aus
resolve: { extensions: ['.js', '.vue', '.json'], alias: { // 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } },
Fügen Sie den Abschnitt „Externals“ (Externals und Ressourcen) hinzu sind die gleiche Klasse).
externals: { 'vue': 'Vue', 'vue-router': 'VueRouter' },
Demo-Adresse: https://github.com/cag2050/vu...
Das Obige ist der gesamte Inhalt davon Ich hoffe, dass der Artikel für das Lernen aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!
Verwandte Empfehlungen:
Hausgemachte Vue-Komponentenkommunikation Plug-In Verwenden von Mixin zum Schreiben von Plug-Ins
Das obige ist der detaillierte Inhalt vonDie Projektoptimierung von vue-cli 2.x führt lokale statische Bibliotheksdateien ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!