Heim > Web-Frontend > js-Tutorial > Die Projektoptimierung von vue-cli 2.x führt lokale statische Bibliotheksdateien ein

Die Projektoptimierung von vue-cli 2.x führt lokale statische Bibliotheksdateien ein

不言
Freigeben: 2018-07-09 14:43:36
Original
2296 Leute haben es durchsucht

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.

vue -cli Platzieren Sie die statischen Ressourcendateien im statischen Ordner und zitieren Sie:

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>
Nach dem Login kopieren

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'),
    }
  },
Nach dem Login kopieren

Fügen Sie den Abschnitt „Externals“ (Externals und Ressourcen) hinzu sind die gleiche Klasse).

    externals: {
        'vue': 'Vue',
        'vue-router': 'VueRouter'
    },
Nach dem Login kopieren
  • 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:

Wie Vue das Problem des Aktualisierungsfehlers löst, nachdem addRoutes Routen dynamisch hinzugefügt hat

Hausgemachte Vue-Komponentenkommunikation Plug-In Verwenden von Mixin zum Schreiben von Plug-Ins

Der Weg zum Vue-Aktivitätserstellungsprojekt beginnt mit der Entwicklung von Design und Navigationsleiste

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage