Skip to main content

Svelte最新动态：2021年5月

正在努力迈向 SvelteKit 1.0，并展示了满满的 SvelteKit 站点！

Dani Sandoval

上周，Svelte 峰会带来了一大堆内容，真是让人叹为观止！观看完整录制，或者通过 Svelte Radio 收听音频版的预览。现在，让我们一起看看本月的新闻吧……

Svelte 编译器的新功能

  • :global() 现在作为组合 CSS 选择器的一部分被支持（3.38.0，示例）
  • CSS 自定义属性现在可以传递给组件，用于例如主题化的场景（3.38.0，文档即将推出）

SvelteKit 的新增内容

  • kit.svelte.dev 视觉焕然一新，SvelteKit 演示站点 也得到了新的界面。通过运行 npm init svelte@next 快速体验。
  • 现在可以使用 @sveltejs/adapter-static 创建单页应用或 SPA，只需指定一个回退页面即可（PR，文档）
  • 可以在全局范围或逐页面禁用服务器端渲染（SSR）（PR）
  • 在预渲染期间抛出的错误消息现在更加详尽且易读（PR，文档）
  • 布局现在可以重置，以防页面继承根布局。如果您希望页面或国际化变体具有特定布局，这将非常有用（PR，文档）
  • SvelteKit 代码中的 fetch 将尽可能使用环境提供的实现。如果 fetch 不可用，它将由适配器填充（PR，文档）

Svelte 和语言工具的新增功能

  • svelte-preprocess 现已支持 tsconfig.json 的 “extends” 字段（4.7.2）
  • HTML 的 style 属性现在支持悬停提示和自动补全。外部命名空间和 ESM 配置现已被 Svelte 语言服务器和扩展支持
  • 如果槽位/事件与属性之间定义了通用关系，Svelte 语言工具现在可以从中推导出类型

社区展示

应用 & 网站

  • gitpod.io 最近用 SvelteKit 重写了他们的网站
  • highlight eel 是一个基于 Web 的编辑器，用来标记您最喜欢的任何 YouTube 视频部分并分享
  • The Far Star Mission 是《The Far Star by Apotheus》专辑的交互式有声书伴侣
  • JavaScript quiz 是一个小型测验应用，能够本地保存您的答案
  • ExtensionPay 让开发者无需任何后端服务器代码便能在浏览器扩展中接受安全支付
  • mk48.io 是一个用 SvelteKit 制作的海战舰船游戏
  • Frog Safety 是非洲小爪蛙的指南以及 API 淡水主测试工具
  • Stardew Valley Character Preview 加载您在《星露谷物语》存档中的角色属性，并允许您尝试不同的服饰、颜色和配件

演示、库、工具 & 组件

想贡献您的组件？提交您的组件 到 Svelte Society 网站的 packages 列表中。

入门

寻找入门工具或集成？ 请查看 svelte-adders 以及社区网站 sveltesociety.dev 上的多种示例模板。

学习资源

下个月再见！

有内容想分享？加入我们 Svelte Society、Reddit 和 Discord！