跳至主要内容

Svelte 新闻：2021年5月

朝着 SvelteKit 1.0 和一个充满 SvelteKit 网站的展示迈进！

Dani Sandoval

上周，Svelte Summit 凭借海量内容让我们惊叹不已！查看完整录制或仅音频（p）回顾在 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，文档)
  • 现在可以重置布局以防止页面继承根布局。如果您有一个页面或 i18n 变体的特定布局，这将很有用（PR，文档)
  • SvelteKit 代码中的 fetch 现在将尽可能使用环境提供的实现。如果 fetch 不可用，适配器将对其进行填充（PR，文档)

Svelte 和语言工具中的新功能

  • svelte-preprocess 现在支持 tsconfig.json 的“extends”字段 (4.7.2)
  • HTML style 属性现在具有悬停和自动完成功能。Svelte 语言服务器和扩展现在支持外部命名空间和 ESM 配置
  • 如果在它们之间定义了泛型关系，则 Svelte 语言工具现在可以从其 props 推断插槽/事件类型

社区展示

应用和网站

  • gitpod.io 最近使用 SvelteKit 重写了其网站
  • highlight eel 是一款基于 Web 的编辑器，用于标记您喜欢的任何 YouTube 视频片段，并与任何人共享
  • The Far Star Mission 是 Apotheus 的专辑 The Far Star 的互动有声读物伴侣
  • JavaScript 测验 是一款小型测验应用程序，可将您的答案保存在本地
  • ExtensionPay 允许开发人员在浏览器扩展中接受安全的付款，无需后端服务器代码。
  • mk48.io 是一款使用 SvelteKit 制作的海军军舰游戏
  • Frog Safety 是非洲侏儒蛙和 API 淡水大师套件的指南
  • Stardew Valley 角色预览 从您的 Stardew Valley 存档加载您的角色属性，并允许您使用不同的服装、颜色和配饰。

演示、库、工具和组件

  • svelte-parallax 是 Svelte 的一个基于弹簧的视差组件
  • @svelte-plugins/viewable 是一种简单基于规则的方法来跟踪元素的可视性。
  • Sveltekit-JUI 是一套 UI 组件，可与 Svelte 和 Svelte Kit 结合使用。
  • EZGesture 使得使用简单的原生 DOM 事件轻松添加手势功能

想贡献您自己的组件吗？提交您自己的组件 到 Svelte Society 网站上的软件包列表中。

启动器

正在寻找启动器或集成？查看svelte-adders以及社区站点sveltesociety.dev上的许多其他模板示例

学习资源

下个月见！

有什么要补充的吗？加入我们Svelte Society、Reddit 和Discord！