(相關資料圖)

距離 Svelte 3 發(fā)布已經(jīng)過去了四年多的時間，經(jīng)過幾個月的籌備，Svelte 4 穩(wěn)定版本于今天正式發(fā)布。

新版本改進了性能、優(yōu)化了開發(fā)者體驗，并大改了網(wǎng)站。Svelte 4 主要是一個維護版本，它為下一代的 Svelte 發(fā)布奠定了基礎。

性能

這個版本使 hydration 代碼更小更快。為了看到其影響，SvelteKit 用戶可以通過檢查.svelte-kit/output/client/_app/immutable/nodes文件夾來看到其編譯后的輸出尺寸縮小。例如，在kit.svelte.dev 上，整個網(wǎng)站生成的 JS 大小減少了 12.7%。

Svelte 4 將 Svelte 包的大小減少了近 75%，這意味著在npm install上的等待時間減少了。對于第一次在 learn.svelte.dev 上加載交互式學習體驗的用戶、Svelte REPL 的用戶以及網(wǎng)絡條件有限的用戶來說，這一改進將尤為明顯。剩下的大部分軟件包大小是對 eslint 的支持，這就需要發(fā)布一個 CJS 構(gòu)建，一旦 eslint 重寫完成，Svelte的軟件包大小可以再下降 50% 以上。

Svelte 中依賴的數(shù)量已經(jīng)從 61 個大大減少到 16 個。這意味著用戶下載速度更快，也更不容易受到供應鏈攻擊的影響。

開發(fā)者體驗

Svelte 4 使 Svelte 的創(chuàng)作體驗更加直觀和一致： |local現(xiàn)在是轉(zhuǎn)換的默認值，以避免動畫阻礙頁面轉(zhuǎn)換，預處理程序現(xiàn)在更容易編寫，多項修正使 CSP 更容易設置和使用。

對于 Web 組件的用戶來說，最大的變化是對你使用 Svelte 編寫自定義元素的方式進行了全面修改。通過改變它們的生成方式，可以消除了一大類錯誤和不一致的地方。

最后，還做了幾項改進 IDE 編寫的體驗：“cmd + 點擊” svelte 模塊現(xiàn)在可以帶你到實現(xiàn)，而不是.d.ts文件。 從svelte/internal導入的文件現(xiàn)在被隱藏，不會干擾自動補全建議，自動導入現(xiàn)在更可靠。

更新了網(wǎng)站、文檔和教程

官方 svelte.dev 網(wǎng)站已經(jīng)進行了大改。它現(xiàn)在被分割成多個頁面，并改進了導航、更新了 TypeScript 文檔、黑暗模式和增強的 REPL。SvelteKit 網(wǎng)站也在進行更新，以與之匹配。還更新了所有的教程鏈接，以指向新的 learn.svelte.dev。舊的教程仍然適用于 Safari 16.3 及以前的用戶。

更多詳情可查看：https://github.com/sveltejs/svelte/releases/tag/svelte%404.0.0

關鍵詞：