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

Detaillierte Erklärung der Mixin-Verwendung in Vue

Inhaltsverzeichnis Vorwort 1. Was sind Mixins? 2....

Werbefähigkeiten im Baidu Union-Umfeld (grafisches Tutorial)

Kürzlich haben Studierende des User Experience-Tea...

Der Prozess des Aufbaus einer Lampenarchitektur durch einen Docker-Container

Inhaltsverzeichnis 1. Ziehen Sie das Centos-Image...

So überprüfen und organisieren Sie Websitedateien mit Dreamweaver8

Was ist der Zweck der Erstellung einer eigenen Web...

Ursachen und Lösungen für den Nginx 502 Bad Gateway-Fehler

Der Nginx 502 Bad Gateway-Fehler ist mir schon me...

Die 6 effektivsten Möglichkeiten zum Schreiben von HTML und CSS

In diesem Artikel werden die sechs wirksamsten Me...

Detailliertes Tutorial zur Installation von MySQL unter Linux

1. Beenden Sie den MySQL-Dienst # service mysqld ...

Connector-Konfiguration in Tomcat

JBoss verwendet Tomcat als Webcontainer. Die Konf...

Einfaches Webdesign-Konzept – Farbabstimmung

(I) Grundkonzepte der Farbabstimmung auf Webseiten...

Detaillierte Erläuterung des Quellcodes der vue.$set()-Methode von Vue

Bei der Verwendung von Vue zum Entwickeln von Pro...

Von Vue berechnete Eigenschaften

Inhaltsverzeichnis 1. Grundlegende Beispiele 2. B...

Ein kurzer Vortrag über Rx-responsive Programmierung

Inhaltsverzeichnis 1. Beobachtbar 2. Funktionen h...

Tutorial zur Installation und Konfiguration der Centos7-MySQL-Datenbank

1. Systemumgebung Die Systemversion nach dem Yum-...