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

Join-Operation in MySQL

Arten von Verknüpfungen 1. Innerer Join: Die Feld...

Zusammenfassung der Grundkenntnisse und Vorgänge der MySQL-Datenbank

Dieser Artikel erläutert anhand von Beispielen di...

Vollständiger Vue-Code zur Implementierung der Single-Sign-On-Steuerung

Hier ist zu Ihrer Information eine Vue-Single-Sig...

Detaillierte Einführung in die JavaScript-Funktion

Durch Funktionen lassen sich beliebig viele Anwei...

Detaillierte Erklärung der Anwendung von CSS Sprite

CSS Sprite, auch bekannt als CSS Sprite, ist eine...

Installieren Sie Apache2.4+PHP7.0+MySQL5.7.16 auf macOS Sierra

Obwohl Mac-Systeme mit PHP und Apache ausgeliefer...

Zusammenfassung der Merkmale des SQL-Modus in MySQL

Vorwort Der SQL-Modus wirkt sich auf die von MySQ...

Lösen Sie das Problem der Verwendung des Swiper-Plugins in Vue

Da ich dieses Plugin beim Schreiben einer Demo ve...

Detaillierte Erklärung der wechselseitigen Verwendung von Ref in React

Inhaltsverzeichnis 1. Lassen Sie uns zunächst erk...

Anweisungen zur Verwendung der Option --rm von Docker Run

Wenn der Docker-Container beendet wird, bleibt da...