Skip to main content

Svelte 五月 2022 最新动态

使用 动态切换 HTML 元素类型

Dani Sandoval

随着昨天的 Svelte 峰会落下帷幕，我们有很多新闻要分享！你可以在 Svelte Society YouTube 频道查看所有录像，以及下面本月的其他更新内容...

Svelte 的最新动态

  • <svelte:element> 元素允许你渲染一个动态指定类型的元素。这在渲染来自 CMS 的富文本内容时特别有用。查看文档或教程了解更多信息 (3.47.0)！

语言工具更新

  • 现已支持 svelte:element 和 sveltekit:reload
  • 现在可以自动检测无效的 Svelte 导入路径 - 查看 PR 以恢复旧行为 (#1448)
  • source.sortImports 允许你在不删除未使用的导入的情况下对导入进行排序 (#1338)
  • 悬停在 HTML 属性上现在会显示 HTML 悬停信息而不是 TS 悬停信息 - 这会提供更有用的信息 (#1447)
  • 在 VS Code 中，现在可以使用 Insert Snippet 命令将现有代码块包装在控制流标签中 (#1373)

SvelteKit 的最新动态

  • 现在可以在路由目录中命名文件和目录为 __tests__ 和 __test__ (#4438)
  • 现已支持 Netlify Edge Functions (#4657) 和 Vercel build output API (#4663)
  • 加载路由时现在可以使用自定义 load 依赖项，这是表示页面所依赖的 URL 的字符串数组 (文档, #4536)

重大变更

  • 验证器现在称为”匹配器” (文档, #4358)
  • __layout.reset 已被命名布局替代 - 这为共享布局元素提供了更多配置选项 (文档, #4388)
  • 对于 rel="external" 链接现在会跳过预渲染 (#4545)
  • LoadOutput 中的 maxage 现在改为 cache (#4690)

社区展示

使用 Svelte 构建的应用和网站

  • polySpectra AR 通过无缝 AR 文件交接让你更快地进行 3D 打印原型设计 (视频演示)
  • Pixel Art Together 是一个由 Liveblocks 驱动的免费多人像素艺术编辑器
  • Tooling Manager 让你将 JavaScript 技术栈与行业标准样板进行比较
  • Easy Portfolio 基于你的 GitHub 档案生成作品集
  • FLOAT 是一个活动考勤跟踪程序
  • The Coin Perspective 是一个加密货币价格追踪器和投资组合管理工具
  • Locutionis 是一个小型的修辞手法在线参考（法语）
  • ASM Editor 是一个适用于 M68K 和 MIPS 的全功能 Web 编辑器
  • Otium 是一个免费开源的图书管理器和书架整理工具，帮助你管理已有和想读的书籍
  • Sinwaver 是一个 SVG 正弦波生成器

想为现代 SvelteKit 网站做贡献吗？来帮助构建 Svelte Society 网站！

学习资源

文章

视频和音频

库、工具和组件

  • KitDocs 是 SvelteKit 的文档集成工具 - 类似于 Svelte 版的 VitePress。
  • Svelte Copy 是一个点击/触摸复制库，让复制到剪贴板变得容易
  • Svend3r 提供美观的可视化效果，利用 D3 的力量来展现你的数据，同时抽象掉其命令式代码
  • Svelte Hamburgers 是 Svelte 的易用汉堡菜单组件
  • Svelte Droplet 是 Svelte 的文件拖放区
  • Svelte MP3 是一个轻量级且极快的简约 Svelte 音频播放器
  • SvelteUI 是一个组件库，用于更快地构建功能完整且无障碍的 Web 应用
  • svelte-spotlight 是一个无头聚光灯组件，帮助你在几分钟内构建网站的全局搜索框
  • svelte-pdf-simple 是一个简单的 svelte 库，用于显示 PDF 并给予你完全的控制
  • persistent-svelte-store 是一个通用的持久化可写存储，根据 Svelte 存储契约用 TypeScript 从头构建
  • svelte-exmarkdown 是用于动态渲染 markdown 的 Svelte 组件
  • Bookit 是一个类似 storybook 的组件渲染环境 - 专门调整为直接在 SvelteKit 项目中工作

加入我们的 Reddit 或 Discord 继续讨论。

如果你更愿意亲自参与，Svelte Summit 终于正式转向线下了。来加入我们，参加为期两天的精彩 Svelte 内容！现在就获取你的票！

下个月再见！