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

Das Prinzip und die Implementierung des JS-Drag-Effekts

Die Drag-Funktion wird hauptsächlich verwendet, u...

Tutorial zur MySQL-Optimierung: Große Paging-Abfrage

Inhaltsverzeichnis Hintergrund LIMIT-Optimierung ...

Eigenschaften und Quellcode der Echarts-Legendenkomponente

Die Legendenkomponente ist eine häufig verwendete...

So benennen Sie unter Linux eine Gruppe von Dateien auf einmal um

Unter Linux verwenden wir normalerweise den Befeh...

Fallstudie zu JavaScript-Style-Objekten und CurrentStyle-Objekten

1. Stilobjekt Das Stilobjekt stellt eine einzelne...

Verwendung des Zielattributs des HTML-Tags a

1: Wenn Sie das Tag <a> zum Verlinken auf ei...

So implementieren Sie Bildmapping mit CSS

1. Einleitung Mit Imagemaps können Sie Bereiche e...

Navicat-Remoteverbindung zur MySQL-Implementierungsschritteanalyse

Vorwort Ich glaube, dass jeder auf einem Remote-S...

Einige „Fallstricke“ beim Upgrade der MySQL-Datenbank

Bei kommerziellen Datenbanken hat die Datenbankak...

Super ausführliches Tutorial zur Installation und Konfiguration von MySQL8.0.22

Hallo zusammen, heute lernen wir die Installation...

Vue implementiert die Tabellenpaging-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

Lösen Sie schnell das Problem der chinesischen Eingabemethode unter Linux

Hintergrund: Ich arbeite derzeit an Funktionen fü...

So ändern Sie die IP-Einschränkungsbedingungen des MySQL-Kontos

Vorwort Kürzlich stieß ich bei der Arbeit auf ein...