跳至主要内容

Svelte 2021年7月更新

修复、TypeScript 工具和大量新功能,保持凉爽

随着北半球气温升高,Svelte 通过大量的性能和错误修复、更好的 TypeScript 支持以及来自整个生态系统的许多新组件和工具保持凉爽。让我们来看一看 👀

SvelteKit 新功能

  • adapter-node 现在使用 gzip 和 brotli 预压缩资产 (#1693)
  • svelte-kit package 工具已添加对 TypeScript 转换的支持 (#1633)
  • adapter-node 中改进了缓存默认值 (#1416)
  • 允许配置 Rollup 输出选项 (#1572)
  • 修复了使用 HMR 的 SSL 问题 (#1517)

来自 svelte/* 周围的功能和错误修复

  • Svelte 3.38.3(于 6 月 22 日发布)包含大量性能和错误修复 - 包括水合优化、冒泡事件中的 this 保留等等!
  • 最新的语言工具版本添加了对从组件外部重命名 prop 的支持、PostCSS 语法语法以及 svelte2tsx 中的 .d.ts 输出目标,可用于从 Svelte 文件创建类型定义。
  • 同样在语言工具中,添加了一些期待已久的增强 TypeScript 支持的实验性功能 - 包括显式键入所有可能的组件事件或插槽,以及使用泛型。查看 RFC 以获取更多详细信息,如果您正在使用它,请在 此问题 中留下反馈。
  • svelte-scroller 在 2.0.7 中进行了一些质量改进 - 修复了初始宽度错误并更保守地更新其 index

即将推出的 Svelte 功能

  • 标记中的常量 (RFC): 添加了一个新的 {@const ...} 标记,用于定义局部常量 (PR)

社区展示

应用和网站

  • SvelteThemes 是一个精选的 Svelte 主题和模板列表,使用 svelte、sveltekit、elderjs、routify 等构建。
  • Beatbump 是使用 Svelte/SvelteKit 创建的 YouTube Music 替代前端。
  • Sveltuir 是一个帮助您记忆吉他指板的应用程序

教育内容

库、工具和组件

  • svelte-pipeline 为 REPL、编辑器等提供自定义 JavaScript 上下文和 Svelte 编译器作为 Svelte Stores。
  • Sveltotron 是一个基于 Electron 的应用程序,用于检查您的 Svelte 应用程序。
  • svelte-qr-reader-writer 是一个 Svelte 组件,用于帮助读取和写入 QR 码中的数据。
  • svelte-stack-router 旨在通过使用 Stacks 使 Svelte 应用程序感觉更原生。
  • svelte-typed-context 提供了一个接口,当提供给 getContextsetContext 时,允许更严格的类型。
  • svelte-modals 是一个简单、灵活、零依赖的 Svelte 模态管理器。

想要贡献一个组件?有兴趣帮助 Svelte 在网络上的表现更好吗? 通过对 此文件 发起 PR 或查看 未解决问题列表,向 Svelte Society 网站提交组件,如果您想为 SvelteKit 中的 Svelte Society 重写做出贡献。

下个月见!

想要更多更新?加入我们的 RedditDiscord