Vite3.0 ist veröffentlicht. Werfen Sie einen Blick auf die neuen Funktionen von Vite3.0

Vite3 hat 3.0 veröffentlicht, scrollen Sie noch? Der folgende Artikel befasst sich mit den neuen Funktionen von Vite3.0. Nur wenn wir die Sensibilität für neue Technologien aufrechterhalten, können wir sicherstellen, dass wir nicht eliminiert werden.

Vor einiger Zeit hat Youda Vite3.0 veröffentlicht und die offizielle Dokumentation von Vite aktualisiert, wie unten gezeigt

Wie auch immer, ich fühle mich großartig, als ich die Homepage betrete.

In diesem Dokument werden die neuen Dinge in Vite3.0 kurz vorgestellt, also lassen Sie sich nicht verwirren.

Änderungen in Vorlagen

Für mich selbst ist das Vue-Projekt, das ich am häufigsten mit Vite erstelle, Folgendes: Nach diesem Update entspricht das Thema der Vue-Vorlage, die mit Vite erstellt wurde, der Dokumentation von Vite und unterstützt auch dunkle Farben mit hellen Farbmodus und das Symbol wird vom Vue-Logo in das Vite-Logo geändert.

Wir können Vite verwenden, um eine Vue-Vorlage zu erstellen und diese auszuführen, um den Effekt zu sehen:

pnpm create vite
# project name -> demo
# select a framework -> vue
# select a variant -> vue
cd demo
pnpm install
pnpm dev

Die beiden Themen lauten wie folgt:

Zusätzlich zu Vue sind auch die Themen der folgenden Vorlagen konsistent.

Optimierung von Vite CLI

Der Stil von Vite CLI in der Befehlszeile wurde ebenfalls optimiert. Schauen Sie sich das Bild unten an.

Vite3.0 ist links und Vite2.0 ist aktiviert rechts. Optisch sieht 3.0 offensichtlich besser aus als 2.0.

Zusätzlich zum Erscheinungsbild können wir sehen, dass sich auch die Standard-Portnummer geändert hat: von 3000 auf 5173; die lokale Adresse hat sich von localhost in 127.0.0.1 geändert. Code>.

localhost变成了127.0.0.1。

import.meta.glob API的变化

import.meta.globAPI可以动态的导入文件，在Vite3中允许import.meta.globÄnderungen in der import.meta.glob API

import.meta.globAPI kann Dateien dynamisch importieren, was in Vite3 erlaubt istimport .meta.glob wurde neu geschrieben. Weitere Informationen finden Sie im

Glob-Importformular, das in der offiziellen Dokumentation ausführlich beschrieben wird.

Andere Inhalte

• Vite3.0 hat auch einige andere Inhalte aktualisiert, wie folgt:

• Die Gesamtgröße von Vite ist kleiner geworden;

• JS- und CSS-Komprimierungstools verwenden ESbuild (ab Vite2);

• Mehrere Fehler behoben;
  Kompatibilität wurde angepasst,
Mindestunterstützung für Knoten 14.18+
• ;
  Vite hat beschlossen,
jedes Jahr eine neue Version zu veröffentlichen

;

Geschrieben am Ende

Dieser Artikel stellt kurz einige neue Funktionen in Vite vor. Jetzt ist die Geschwindigkeit der Front-End-Entwicklung sehr hoch geworden. Nur wenn Sie stets die Sensibilität für neue Technologien bewahren, können Sie sicherstellen, dass Sie nicht eliminiert werden.

Kommen Sie alle ~

Abschließend wünsche ich Ihnen allen: Machen Sie nicht jeden Tag Überstunden, dann liegt Ihr Jahresgehalt bei über 100.000. 【Empfohlene verwandte Video-Tutorials: vuejs-Einführungs-Tutorial,

Erste Schritte mit dem Web-Frontend🎜】🎜

Das obige ist der detaillierte Inhalt vonVite3.0 ist veröffentlicht. Werfen Sie einen Blick auf die neuen Funktionen von Vite3.0. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!