程式忍者PGNinja

Hacker News

SvelteKit 3 正式發布,設定與目錄結構大翻修

· Svelte 團隊推出 SvelteKit 3,改用 vite.config.ts 統一設定並調整匯入路徑,並提供自動遷移指令協助升級。

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 是學習現代網頁開發時會遇到的框架之一,這次改版顯示開源專案在穩定運作之後,仍會持續調整架構讓工具更簡單一致。家長如果想找入門網頁開發的教材,可以留意這類框架通常會提供官方遷移工具,表示學習時不需要害怕版本更新,照著官方指令操作即可跟上最新寫法。

開源開發工具網頁開發

其他新聞