跳至主要內容

Svelte 最新消息：2023 年 1 月

SvelteKit 1.0、教學和 Svelte 元素的類型定義。

Dani Sandoval

自 SvelteKit 1.0 發布以來，僅僅過了兩週！如果您還沒看過，請查看直播、新網站 和 教學，逐步了解 SvelteKit 的所有功能。

讓我們深入了解細節...

SvelteKit 的新功能

  • @sveltejs/kit 1.0 已發布！所有未來的版本都將遵循語義化版本控制 (semver)，變更將在 更新日誌 中列為主要/次要/修補程式。
  • 改進對 Storybook 和 Histoire 的支援 (#7990)。目前正在努力完全支援這些工具 (storybook#20239)。
  • vitePreprocess 現在是預設的預處理器。請參閱文件，了解 vitePreprocess 和 svelte-preprocess 之間的差異 (#8036)。

重大變更：

  • 不再允許從 +(layout|page)(.server)?.js 和 +server.js 檔案匯出未知的內容（除非以底線開頭）(#7878)
  • __data.json 現在會從 URL 中移除 (#7979)
  • sveltekit() 現在將傳回 Vite 外掛程式陣列的 Promise (#7994)
  • 新的 embedded 選項（預設為關閉）有助於在嵌入 SvelteKit 時點擊連結 (文件、#7969)
  • 自動回退生成已替換為 builder.generateFallback(fallback) (#8013)
  • invalid() 現在是 fail()，而 ValidationError 現在是 ActionFailure (#8012)
  • SvelteKit 現在會在無效的載入回應時拋出錯誤 (#8003)
  • SvelteKit 現在使用 Vite 4，並且需要 Svelte 的 peerDependency 版本為 ^3.54.0 (#7543)
  • 當 ssr 為 false 且 prerender 不為 false 時，Shell 現在會預先渲染 - 請確保當 ssr 也為 false 時，prerender 為 false (#8131)
  • 已移除有關已移除/變更 API 的警告和錯誤訊息 (#8019)

Svelte 的新功能

  • options.direction 引數現在可以傳遞至自訂轉換函式 (3.54.0, #3918)
  • 變數現在可以從 @const 宣告的函式更新 (3.54.0, #7843)
  • 已新增 svelte/elements 以提供 Svelte/HTML 的類型定義 (3.55.0, #7649)

語言工具的新功能

Svelte 擴充功能和語言工具現在有一些新的最低版本需求

  • Node 版本現在是 16
  • TypeScript 版本現在是 4.9
  • Svelte 版本現在是 3.55

也已發布以下功能

  • 遺失處理常式的快速修正 (#1731)
  • 新增 Svelte 錨點遺失屬性程式碼動作 (#1730)
  • 更好的 commit 字元處理 (#1742)
  • 新增 --preserveWatchOutput 選項 (#1715)
  • 增強快速修正以包含 Svelte Stores (#1789)
  • 僅在 SvelteKit 專案中顯示 SvelteKit 檔案的內容選單 (#1771)
  • 盡可能使用 satisfies 運算子 (#1770)

如需所有 Svelte 編譯器的變更（包括未發布的變更），請查看 更新日誌。

社群展示

使用 Svelte 建立的應用程式和網站

  • Svelte Recipes 🧑‍🍳 提供常見資料視覺化問題的程式碼片段
  • Everything Svelte 是一個新的課程，教導您建立現代 Web 應用程式所需的一切知識
  • CSS Timeline 是 CSS 歷史和演進的時間軸
  • GitBar 是一個系統匣應用程式，用於顯示您的提取請求評論
  • Texture Lab 從任何文字產生用於遊戲的即時紋理
  • Totems 是一家製作客製化支架和支撐的工坊
  • PeopletoNotion 是一個 Chrome 擴充功能，可一鍵將 LinkedIn 個人檔案新增至 Notion
  • DeckDev 是「魔法風雲會」的套牌建構器
  • Default Shortcuts 是一個在瀏覽器中搜尋鍵盤快速鍵的工具。

學習資源

來自 Svelte Society

觀看

閱讀

程式庫、工具和元件

新年快樂 🎆 如果我們遺漏了任何資訊，請在 Reddit 或 Discord 上告知我們