跳至主要內容

Svelte 最新消息：2021 年 8 月

Shadow DOM、export 和 await - 真是太棒了！

Dani Sandoval

從 The Changelog (JS Party Ep. 182) 到 Svelte Radio (集數 29 和 30)，似乎大家這個月都忍不住在談論 Svelte！此外，Svelte 中新增了 shadow DOM 支援以及新的 export 和 await 功能。

Svelte 新功能

7 月是自 2019 年底以來 Svelte 核心儲存庫最活躍的一個月，我們努力減少未處理的 PR 數量，並發布了 Svelte 3.39.0、3.40.0 和 3.41.0 版本。除了新增了許多錯誤修復之外，還新增了以下新功能：

  • |trusted 事件修飾符允許您在事件被呼叫之前檢查該事件是否受信任 (#6137)
  • 新的 svelte/ssr 套件支援改進 SvelteKit SSR 的工作 (#6416)
  • 新的 errorMode 編譯器選項支援改進 TypeScript 檔案的預處理 (#6194)
  • 您現在可以在建立元件時指定 ShadowRoot 作為 target - 使得可以在 shadow DOM 內部渲染 Svelte 元件 (#5869)
  • export { ... } from (#2214)、export let { ... } = (#5612) 和 {#await ... then/catch} (#6270) 語法現在都可以在 Svelte 元件中使用

如需完整的功能和錯誤修復列表，請查看 Svelte 更新日誌。

SvelteKit 更新

  • prerender.force 現在是 prerender.onError，讓您可以微調哪些錯誤會導致建置失敗，哪些則不會 (#2007)
  • 現在公開了 esbuild 的組態，可與 SvelteKit 轉接器一起使用 (#1914)
  • 常見組態錯誤 (#1910) 和編譯器錯誤 (#1827) 的錯誤訊息現在更友善了
  • 只有當目標主機與 SvelteKit 應用程式相同或其更特定的子網域時，才會傳遞 Cookie (#1847)
  • 打包時，index.js 的匯出現在會變更為目錄匯出 - 使匯入更簡潔 (#1905)
  • Vite.js 的 mode 現在從 $app/env 公開 (#1789)
  • 整體而言更好的類型 (#1778, #1791, #1646)

如需查看 SvelteKit 的所有更新，請查看 SvelteKit 更新日誌。

svelte/* 中各處的功能與錯誤修復

  • 語言工具現在更好地支援「工作場所信任」功能（在 VS Code 中使用）
  • 在 svelte2tsx 中，環境類型宣告現在會重新命名，以避免未來發生衝突宣告。現在預期使用者自己提供環境類型定義 - 修復了 JS 輸出
  • Sapper 發布了 v0.29.2，其中修復了正規表示式路由、要求目錄時的狀態碼，以及使用者未提供 base 標籤時的匯出 (更新日誌)

社群展示

應用程式和網站

正在尋找可以投入的 Svelte 專案嗎？有興趣協助改善 Svelte 在網路上的表現嗎？如果您想為 Svelte Society 使用 SvelteKit 進行的重寫做出貢獻，請查看開放問題清單。

教育內容

程式庫、工具與元件

  • Svelte-Capacitor 剛發布 v2.0.0 版本 - 使用 Svelte 和 Capacitor 建置適用於 iOS 和 Android 的混合式行動應用程式變得更加容易，且具有接近原生效能。
  • svelte-remixicon 是一個基於 Remix Icon 的 Svelte 圖示程式庫，包含 2000 多個圖示。
  • SveltePress 是一個建立在 SvelteKit 之上的文件工具。
  • Svelte Starter Kit 是一個樣板，可使用 Supabase 提供支援的身份驗證和使用者設定檔，快速開始使用 Svelte。
  • Kahi UI 是一個內建深色模式的 Svelte 優先 UI 套件。
  • typesafe-i18n 是一個有見解、完全類型安全、輕量級的 TypeScript 和 JavaScript 專案本地化程式庫，沒有外部依賴項。

請查看社群網站 sveltesociety.dev，以取得 Svelte 生態系統中更多範本、新增元件和轉接器。

下個月見！

想瞭解更多更新嗎？請在 Reddit 或 Discord 上加入我們！