Skip to main content

Svelte 的新动态:2024 年 2 月

Kit 的新功能:rerouteemulate 以及更多!

自从去年年底 SvelteKit 2.0 发布以来,就有许多新功能让 Kit 的开发体验变得更好!与此同时,Svelte 团队也在努力将 Svelte 5 变为现实。

如果你错过了,Rich 还发布了 十项原则,“尝试阐明 Svelte 的哲学——我们的基本原则,它们指导了我们的设计决策。”

让我们深入了解一下都有哪些新动态,并看看社区的其他成员在做些什么......

SvelteKit 的新动态

  • 客户端路由器现在支持树摇优化 (2.1.0, #11340)
  • $env/static/public 现在可以在服务工作线程中使用 (2.2.0, 文档, #10994)
  • 在拥有内容安全策略 (Content Security Policy) 的环境中,现在支持 style-src-elem (2.2.1, 文档, #11562)
  • 新的 reroute 钩子允许更改 URL 到路由的转换方式 (2.3.0, 文档, #11537)
  • read 函数现在可以在 $app/server 模块中使用,允许从文件系统中读取资源 (2.4.0, 文档, #11649)
  • 适配器现在可以通过实现相应的函数来 emulate 生产环境,用于开发和预览服务器。这对于在开发环境中访问例如 KV 命名空间非常有用 (2.5.0, 文档, #11730)

Svelte 的新动态

如果你错过了,Svelte 5 正在预览中。与此同时,Svelte 4 (@latest) 已经有一个修复版本发布。从 Svelte 5 的变更日志中,有一个新功能值得关注:

  • 片段现在可以接受多个参数 (5.0.0-next.42, 文档, #9988)

有关所有的 Bug 修复、内部工作以及让 Svelte 5 准备好发布的具体细节,请查看 主分支上的变更日志


社区展示

使用 Svelte 构建的应用与网站

  • Sprite Fusion 是一个免费的关卡设计工具,可以直接在浏览器中使用任意瓷砖集创建精美的 2D 平铺地图
  • TypeMeUp 是一个教你如何提高打字速度的打字练习网站
  • Pathfinding Algorithm Visualizer 是一个带有玩家功能的互动式路径算法可视化工具
  • Roch Dog 根据对狗的友好程度为商家和酒店进行排名
  • highlight.cool 是一个免费、可自定义且实时的博客高亮工具
  • Nola Devs 是一个位于新奥尔良的软件开发者群体,该网站整理了他们所有活动信息
  • Startup Funding Simulator 是一个帮助创业者理解现代融资(使用 SAFEs)如何运作的工具,并帮助了解筹资时可能的股权稀释情况。

学习资源

精选 Svelte 贡献者和大使的内容

阅读推荐

库、工具与组件

  • Lucia 是一个用 TypeScript 编写的身份验证库,抽象了会话处理的复杂性,并刚刚发布了 3.0 版本
  • Paraglide JS Adapter SvelteKit 是 ParaglideJS 的 SvelteKit 集成工具——一个用于国际化路由的工具

本月内容就到这啦!如果我们遗漏了什么,可以通过 RedditDiscord 告诉我们。

下个月见!