vue cli3 implementiert die Schritte der Verpackung nach Umgebung

vue cli3 implementiert die Schritte der Verpackung nach Umgebung

Das mit CLI3 erstellte Vue-Projekt wird als Nullkonfigurationsdatei bezeichnet. Was sollten wir tun, wenn wir in verschiedenen Umgebungen packen müssen, um das Packen zu erleichtern (ohne verschiedene Umgebungen für das Packen manuell zu ändern)?
1. Erstellen Sie drei Konfigurationsdateien im Stammverzeichnis, wie unten gezeigt

Bildbeschreibung hier einfügen

Hier habe ich drei erstellt, die meine lokale, Offline- und Online-Umgebung sind. Der Inhalt der drei Dateien ist wie folgt: VUE_APP_TITLE entspricht dem aktuellen Dateisuffix, build entspricht der Produktion

NODE_ENV = "Produktion"
VUE_APP_TITLE = "Alpha"
====================================================================
NODE_ENV = "Produktion"
VUE_APP_TITLE = 'Produktion'
====================================================================
NODE_ENV = "Produktion"
VUE_APP_TITLE = 'online'

2.package.json konfiguriert den entsprechenden Umgebungsverpackungsnamen, wie in der Abbildung dargestellt:

Bildbeschreibung hier einfügen

3.Wie in der Abbildung gezeigt

Bildbeschreibung hier einfügen

4. Fangen Sie Dateien auf der Schnittstelle ab, wie in der Abbildung gezeigt:

Bildbeschreibung hier einfügen

5. Nach der Konfiguration werden die drei Umgebungen wie folgt gepackt:
Offlineumgebung für App-Paketierung: npm run alpha
Lokale App-Paketierungsumgebung: npm run build
Formale Umgebung für die App-Verpackung: npm online ausführen

Dies ist das Ende dieses Artikels über die Schritte von vue cli3 zur Implementierung umgebungsspezifischer Verpackung. Weitere relevante Inhalte zu umgebungsspezifischer Verpackung von vue cli3 finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die folgenden verwandten Artikel weiter. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Beispiel für Umgebungsvariablen und Umgebungspaketierung von vue-cli3
  • Lösung für den weißen Bildschirm nach Vue-CLI3-Paketcode
  • vue cli3.0 verpackt und startet statische Ressourcen und die Lösung für das Problem, den Pfad nicht zu finden
  • So verpacken Sie Vue Cli3 und ignorieren automatisch console.log-Anweisungen
  • Detaillierte Erläuterung zum Anpassen des Verpackungspfads von CSS, JS und Bildern in vue-cli3.0
  • Detaillierte Erläuterung der Vue-CLI3-Verpackungskonfiguration für mehrere Umgebungen

<<:  Tutorial zur Installation von MySQL 5.7.9 mit RPM-Paket unter CentOS 7

>>:  Schritt-für-Schritt-Anleitung zur Sicherheitsüberprüfung auf dem Win2008-Server (Anweisungen zur täglichen Wartung)

Artikel empfehlen

Unterschiede zwischen MySQL CHAR und VARCHAR beim Speichern und Lesen

Einführung Kennen Sie wirklich den Unterschied zw...

So verstehen Sie die Dateninteraktion und -anzeige im Vue-Frontend und -Backend

Inhaltsverzeichnis 1. Technischer Überblick 2. Te...

JS 4 super praktische Tipps zur Verbesserung der Entwicklungseffizienz

Inhaltsverzeichnis 1. Kurzschlussurteil 2. Option...

So verhindern Sie, dass Benutzer Webseiteninhalte mit reinem CSS kopieren

Vorwort Als ich mein eigenes persönliches Blog sc...

Tomcat-Konfiguration und wie man ihn in Eclipse startet

Inhaltsverzeichnis So installieren und konfigurie...

Ein kurzes Verständnis der MySQL SELECT-Ausführungsreihenfolge

Die vollständige Syntax der SELECT-Anweisung laut...

JavaScript Dom implementiert das Prinzip und Beispiel eines Karussells

Wenn wir ein Karussell bauen wollen, müssen wir z...

Detaillierte Erklärung des Initialisierungsmechanismus in Bash

Bash-Initialisierungsdateien Interaktive Login-Sh...

Vue implementiert die Drag & Drop-Sortierfunktion der Seiten-Div-Box

vue implementiert die Drag & Drop-Sortierfunk...

Hauptfunktionen von MySQL Innodb: Einfügepuffer

Inhaltsverzeichnis Was ist ein Einfügepuffer? Was...