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

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>

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:

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!