Detaillierte Erklärung der neuen Erfahrung von Vite

Was ist Vite? (Es ist ein neues Spielzeug im Frontend)

Vite ist ein Webentwicklungs- und Konstruktionstool, das Code während des Entwicklungsprozesses durch native ES-Modulimporte aktualisiert, um das Ziel schneller Aktualisierungen zu erreichen.

Merkmale

• Ultraschnelle Cold-Boots von Servern
• Sofortige Modulaktualisierungen
• Echte On-Demand-Kompilierung
• Kleinere Verpackungsgröße

Erste Schritte

Hinweis für Vue-Benutzer: Vite funktioniert derzeit nur mit Vue 3.x. Dies bedeutet auch, dass Sie keine Bibliotheken verwenden können, die noch nicht mit Vue 3 kompatibel sind.

Installieren

npm init vite-app <Projektname> 
cd <Projektname> 
npm installieren 
npm-Ausführung dev
## Nach der Ausführung der obigen Befehle bedeutet dies, dass Ihr vue3.0-Projekt vite verwendet hat

Was ist der Unterschied zwischen Vite und Webpack in Bezug auf die Erfahrung?

Mein derzeitiges Gefühl zu Vite lässt sich mit einem Wort zusammenfassen: schnell.

• Beim ersten Starten des Debugging-Dienstes ist er doppelt so schnell wie webpack.
• Auch die Packgeschwindigkeit ist mehr als doppelt so hoch.
• Die Größe der gepackten Datei beträgt weniger als die Hälfte der ursprünglichen Webpack-Datei.

Wie funktioniert Vite?

Mit den Worten des Autors geht es darum, die .vue-Datei direkt anzufordern und sie vom Browser analysieren zu lassen

Die neueste Version des Browsers unterstützt die direkte Verwendung von Import- und Exportschlüsselwörtern, was bedeutet, dass der Browser beginnt, Modulfunktionen nativ zu unterstützen, was auch eine der von Vite verwendeten Funktionen ist.

„Nachdem wir so viel gesagt haben, warum schnappen Sie sich nicht eine Tüte und schauen nach?“

Sicher! Hier habe ich nur die Datei HelloWorld.vue geändert

Dann habe ich die Datei App.vue erneut geändert (nichts dagegen, der Zeitstempel ist anders, ich habe sie einfach versehentlich gelöscht und war zu faul, von vorne anzufangen).

Im Vergleich zu Webpacks Code-Splitting-Methode zur Implementierung des On-Demand-Ladens hat mir Vite an dieser Stelle tatsächlich eine viel schnellere Erfahrung geboten

endlich

Obwohl Vite sehr cool ist, ist die aktuelle RC 1-Version nur für Vue3.x geeignet und kann keine Bibliotheken verwenden, die mit Vue3 nicht kompatibel sind. (Es ist in jeder Hinsicht definitiv schneller als Webpack)

Dies ist das Ende dieses Artikels über die neue Erfahrung von Vite. Weitere Informationen zur neuen Erfahrung von Vite finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!