Skip to main content

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 登录后即可试用

社区展示

应用与网站

  • Discover Twitter Spaces 是一个帮助你找到 Twitter Spaces 的工具
  • Modern Fluid Typography Editor 帮助使用 CSS clamp 创建漂亮的流体排版
  • Unnwhiteboard 是一个面向不进行”白板”面试的公司（或团队）的求职板
  • Secret Santa 是一个以易用性为核心的礼物交换协调应用
  • LogSnag 通知你项目的事件，并提供时间线来跟踪任何重要事件
  • 基于 Svelte 的笔记应用 Tangent 版本 0.2 现已进入测试阶段
  • 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 上加入我们。

下月再见！