Vite.js 5.1: Neue Nebenversion mit verbesserten Features und Performance<\/p>\n
Nur etwa 90 Tage nach der Ver\u00f6ffentlichung der neuesten Hauptversion Vite.js 5.0 steht nun bereits Version 5.1 zur Verf\u00fcgung. Diese Nebenversion bringt einige spannende Neuerungen mit sich, darunter die experimentelle Vite Runtime API, weitere Features und eine erneute Verbesserung der Geschwindigkeit.<\/p>\n
Vite.js, entwickelt von Evan You, dem Sch\u00f6pfer des JavaScript-Frameworks Vue.js, konzentriert sich auf hohe Performance. Das Projekt erfreut sich einer gro\u00dfen Beliebtheit, wie das Entwicklungsteam bekannt gibt: Inzwischen leisten rund 900 Personen Beitr\u00e4ge zum Vite.js-Projekt auf GitHub. Zudem wurde das Build-Tool k\u00fcrzlich \u00fcber 10 Millionen Mal w\u00f6chentlich \u00fcber npm heruntergeladen. Im Dezember 2022, als Version 4.4 ver\u00f6ffentlicht wurde, betrug die Zahl noch etwa 2,5 Millionen Downloads.<\/p>\n
Mit der Einf\u00fchrung der experimentellen Vite Runtime API in Version 5.1 ist es nun m\u00f6glich, Code ohne vorherige Verarbeitung durch Vite.js-Plug-ins auszuf\u00fchren. Im Gegensatz zur codeserver.ssrLoadModule\/code ist diese API dadurch gekennzeichnet, dass die Laufzeitimplementierung vom Server getrennt ist. Dies erm\u00f6glicht es Library- und Framework-Autoren, ihre eigene Kommunikationsschicht zwischen Server und Laufzeit zu implementieren. Langfristig ist geplant, dass diese API die derzeitigen SSR-Primitiven (Server-Side Rendering) von Vite.js ersetzt. Ein Vorteil der API ist au\u00dferdem, dass sie Hot Module Replacement (HMR) w\u00e4hrend des Server-Side Renderings erm\u00f6glicht und keine integrierten Node.js-, Bun- oder Deno-APIs ben\u00f6tigt. Die Entwicklung der API kann im Pull Request auf GitHub verfolgt werden.<\/p>\n
Gem\u00e4\u00df den Aussagen des Entwicklungsteams gewinnt Vite.js mit jeder neuen Version an Geschwindigkeit. Auch Vite.js 5.1 macht hier keine Ausnahme und steigert die Leistung nochmals: Das neue Release kann 10.000 Module in einem Baum mit 25 Ebenen in nur 5,35 Sekunden laden. In Vite 4.0 dauerte dies auf einem Apple-M1-Max-Prozessor noch 8 Sekunden, w\u00e4hrend Vite.js 4.3 mit einem speziellen Fokus auf Leistung nur 6,35 Sekunden ben\u00f6tigte. Zur Messung der Performance verwendet das Team das Tool vite-dev-server-perf. Es sei jedoch darauf hingewiesen, dass die Ergebnisse, die mit Headless Puppeteer erzielt werden, nicht die tats\u00e4chlich vom Benutzer erlebte Zeit widerspiegeln. Im direkten Vergleich von Vite.js 5.0 und 5.1 in einem Inkognito-Fenster in Chrome ergeben sich folgende Zeiten:<\/p>\n
– Ladezeit f\u00fcr 1000 Module: Vite.js 5.1: 1,59 Sekunden, Vite.js 5.0: 2,38 Sekunden
\n– Ladezeit f\u00fcr 10000 Module: Vite.js 5.1: 5,35 Sekunden, Vite.js 5.0: 8,12 Sekunden<\/p>\n
Ein Feature, das in Zukunft nicht mehr verf\u00fcgbar sein wird, ist die codeas-Option in import.meta.glob. Diese wurde als veraltet markiert und soll in einem kommenden Release entfernt werden. Stattdessen wird den Benutzern empfohlen, auf codequery umzusteigen. Bereits in dieser Version entf\u00e4llt zudem das experimentelle Build-Zeit-Pre-Bundling, das in Vite.js 3 eingef\u00fchrt wurde.<\/p>\n
Weitere Informationen zu allen neuen Funktionen in Vite.js 5.1 sind im Vite.js-Blog zu finden.<\/p>\n
Schlagw\u00f6rter: API + Vite.js + Evan You<\/p>\n","protected":false},"excerpt":{"rendered":"
Vite.js 5.1: Neue Nebenversion mit verbesserten Features und Performance Nur etwa 90 Tage nach der Ver\u00f6ffentlichung der neuesten Hauptversion Vite.js 5.0 steht nun bereits Version 5.1 zur Verf\u00fcgung. Diese Nebenversion bringt einige spannende Neuerungen mit sich, darunter die experimentelle Vite Runtime API, weitere Features und eine erneute Verbesserung der Geschwindigkeit....<\/p>\n","protected":false},"author":4,"featured_media":4567,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4568","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/4568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4568"}],"version-history":[{"count":0,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/posts\/4568\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=\/wp\/v2\/media\/4567"}],"wp:attachment":[{"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/byte-bucket.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}