跳至主要内容

Svelte 2022年1月更新

使用 SvelteKit 加速构建，并推出备受期待的 REPL 功能

Dani Sandoval

Svelte 社区新年快乐！这个月我们在 Svelte、SvelteKit、语言工具和展示方面有很多要分享。感谢所有让 2021 年成为使用 Svelte 的伟大一年的人们。期待下一年 🚀

SvelteKit 的新功能

  • SvelteKit 的 @sveltejs/adapter-static 现在有一个 precompress 选项，可以更轻松地开箱即用地进行资源和页面的 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 发布了，其中包含一些绑定和循环代码中的错误修复
  • Svelte 语言工具引入了对 Svelte 3.41 中的 then/catch 简写和 TypeScript 的“转到”功能的支持（105.8.0 及更高版本）
  • Svelte REPL 也进行了不错的升级 - 允许您删除保存的 REPL。通过登录 svelte.dev/apps 进行尝试

社区展示

应用和网站

本月的大量工作都投入到将 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。

下个月见！