SvelteKit 是 Svelte 官方維護的網頁應用框架,用來處理路由、伺服器渲染與打包等工作,是許多前端工程師用 Svelte 建立正式網站的主要工具。這次發布的 SvelteKit 3 是一個重大版本更新,調整了專案的設定方式與匯入慣例,目標是讓設定更貼近 Vite 生態系的標準做法,同時簡化一些過去容易讓新手困惑的設定檔案。
技術上最大的改動,是把原本獨立的 svelte.config.js 設定檔整合進 vite.config.ts,統一由 Vite 管理。另外,原本用來引用函式庫內部程式碼的 $lib 路徑別名,改成 #lib,採用 Node.js 標準的子路徑匯入機制,讓 SvelteKit 專案的程式碼在工具鏈之間更容易相容。官方也同步改善了服務工作者(service worker)的樣板程式碼、錯誤處理機制與型別安全性。
由於設定檔與匯入路徑的改動牽涉到每一個現有專案,升級方式成為討論重點。官方提供了 npx sv migrate sveltekit-3 --tasks all --confirm 指令,能自動完成大部分遷移工作,並列出剩餘待辦事項清單,降低手動修改的負擔。另外,官方也提到遠端函式(Remote Functions)與 Async Svelte 這類實驗性功能仍在持續開發中。
對正在學程式的孩子來說,SvelteKit 是學習現代網頁開發時會遇到的框架之一,這次改版顯示開源專案在穩定運作之後,仍會持續調整架構讓工具更簡單一致。家長如果想找入門網頁開發的教材,可以留意這類框架通常會提供官方遷移工具,表示學習時不需要害怕版本更新,照著官方指令操作即可跟上最新寫法。
開源開發工具網頁開發