跳至主要内容

Svelte 新闻：2024 年 2 月

Kit 新特性：reroute、emulate 等！

Dani Sandoval

自从 SvelteKit 2.0 于去年年底发布以来，已经添加了许多新功能，使 Kit 开发体验更加出色！与此同时，Svelte 团队一直在努力使 Svelte 5 成为现实。

如果您错过了，Rich 还发布了原则，“试图阐明 Svelte 的理念——我们的基石原则，指导我们的设计决策。”

因此，让我们深入了解一下新功能，并看看社区的其他成员在做什么……

SvelteKit 新特性

  • 客户端路由现在可以进行 tree shaking（2.1.0，#11340）
  • $env/static/public 现在在 Service Worker 中可用（2.2.0，文档，#10994）
  • 现在在具有内容安全策略的环境中支持 style-src-elem（2.2.1，文档，#11562）
  • 新的 reroute hook 允许您更改 URL 如何转换为路由（2.3.0，文档，#11537）
  • read 函数现在在 $app/server 模块中可用——允许您从文件系统读取资产（2.4.0，文档，#11649）
  • 适配器现在可以通过实现相应的函数来为开发和预览服务器模拟生产环境。这对于在开发中提供对例如 KV 命名空间的访问很有用（2.5.0，文档，#11730）

Svelte 新特性

如果您错过了，Svelte 5 正在预览中。同时，Svelte 4（@latest）发布了一个错误修复版本。Svelte 5 的变更日志中只有一个新功能需要重点介绍

  • 代码片段现在可以接受多个参数（5.0.0-next.42，文档，#9988）

有关所有错误修复、杂项任务和使 Svelte 5 准备好发布所需的底层工作，请查看主分支上的变更日志。

社区展示

使用 Svelte 构建的应用和网站

  • Sprite Fusion 是一款免费的关卡设计工具，可以使用任何贴图集直接在浏览器中制作精美的 2D 切片地图
  • TypeMeUp 是一个打字网站，教你如何更快地打字
  • 寻路算法可视化工具 是一个具有玩家功能的交互式寻路算法可视化工具
  • Roch Dog 根据企业的狗友好程度对企业和酒店进行排名
  • highlight.cool 是一款免费的、可自定义的实时博客高亮工具
  • Nola Devs 是一个充满活力且包容性的软件开发人员团体，位于新奥尔良市中心。该网站汇总了他们所有小组的活动
  • 创业融资模拟器 是一款帮助创始人了解现代融资（使用安全）如何运作以及在筹集资金时可以预期多少稀释的工具。

学习资源

Svelte 贡献者和大使作品

阅读

库、工具和组件

  • Lucia——一个用 TypeScript 编写的身份验证库，它消除了处理会话的复杂性——刚刚发布了 3.0 版本
  • Paraglide JS 适配器 SvelteKit 是 ParaglideJS 的 SvelteKit 集成——一个用于 i18n 路由的工具

本月就到这里了！如果您发现我们错过了任何内容，请随时在Reddit 或Discord 上告诉我们。

下个月再见！