跳至主要內容

Svelte 最新消息：2022 年 1 月

SvelteKit 更快的建置速度和備受期待的 REPL 功能

Dani Sandoval

Svelte 社群新年快樂！本月在 Svelte、SvelteKit、語言工具和展示方面有很多內容可以分享。感謝大家讓 2021 年成為使用 Svelte 的美好一年。期待新的一年 🚀

SvelteKit 的新功能

  • SvelteKit 的 @sveltejs/adapter-static 現在有一個 precompress 選項，可以更輕鬆地直接進行 assets 和頁面的 brotli 壓縮 (#3079)
  • SvelteKit 中的並行模式現在將並行預渲染頁面 (#3120)。它在 1.0.0-next.205 及更高版本中預設啟用
  • CSS 現在會自動在 JS 之前加入，以改善頁面效能 (d13efe)
  • 一個新的配置選項增加了禁用服務工作人員註冊的功能，以便您可以執行自己的自訂註冊 (#2988)
  • SSR 路由分割功能已推出 - 將單體式建置分割成更小的部分，以改善啟動和路由效能 (#2931)
  • request.origin/path/query 現在是 request.url - 簡化配置和頁面 load 函式 (#3126)
  • 在 更新至 Vite 2.7 之後，SvelteKit 使用者回報效能顯著提升，並且在 SSR 中載入第三方函式庫的效能也大幅改善
  • SvelteKit 伺服器現在會在設定檔變更時自動重新啟動 (vite-plugin-svelte#237)

來自 svelte/* 的其他新功能

  • Svelte 3.44.3 已發布，其中包含 binding 和 loop 程式碼中的一些錯誤修正
  • Svelte 語言工具導入了對 Svelte 3.41 和 TypeScript 的 "go to" 功能中 then/catch 簡寫的支援 (105.8.0 及更高版本)
  • Svelte REPL 也進行了不錯的升級 - 讓您可以刪除已儲存的 REPL。在 svelte.dev/apps 登入即可試用

社群展示

應用程式和網站

  • Discover Twitter Spaces 是一個協助您尋找 Twitter Spaces 的工具
  • Modern Fluid Typography Editor 可協助使用 CSS clamp 建立美觀的流體排版
  • Unnwhiteboard 是一個為不進行「白板」面試的公司（或團隊）提供的職缺佈告欄
  • Secret Santa 是一個以易用性為考量開發的禮物協調應用程式
  • LogSnag 會通知您專案的事件，並為您提供時間軸以追蹤任何重要的事件
  • 以 Svelte 為基礎的筆記撰寫應用程式 Tangent 的 0.2 版 現在為 beta 版
  • Intl Explorer 是一個用於檢視 Intl 所有可能格式器的輸出的工具

本月的大量工作都集中在將 Svelte 主要網站和 Svelte REPL 遷移到 https://github.com/sveltejs/sites 儲存庫中 - 包括 svelte.dev 的全新首頁。感謝所有讓這一切成為可能的貢獻者！

如果您正在尋找一個有趣的 SvelteKit 專案來進行，您可以為 Svelte Society 網站重寫做出貢獻 💅

學習和收聽

閱讀

觀看

收聽

函式庫、工具和元件

  • svelte-headlessui 是 Headless UI 元件函式庫的非官方、完整 Svelte 移植版本
  • svelte-forms v2 已發布 - 作者正在尋求意見回饋
  • Percival 是一種宣告式資料查詢和視覺化語言
  • Svelte FlatList 是一個行動裝置友善、簡單且可自訂的拖曳式選單
  • svelte-keyed 是一個適用於物件和陣列的可寫入衍生商店
  • Svemix 是 Svelte 的 Remix - 在您的 Svelte 元件/路由中提供伺服器指令碼，這些指令碼將會轉換為端點

想要將內容新增至展示嗎？需要協助在 Svelte 中實現您的下一個想法嗎？請加入我們的 Reddit 或 Discord。

下個月見！