Svelte 4 發布- 科技資訊

距離Svelte 3 發布已經過去了四年多的時間，經過幾個月的籌備，Svelte 4 穩定版本於今天正式發布。

新版本改進了性能、優化了開發者體驗，並大改了網站。 Svelte 4 主要是一個維護版本，它為下一代的Svelte 發布奠定了基礎。

机能

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

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

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

開發者體驗

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

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

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

更新了網站、文檔和教程

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

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