Skip to main content

Svelte 的最新动态：2024年9月

更实用的 svelte:options 和 :global，以及 Svelte 5 中弃用的

Dani Sandoval

过去几周里，Svelte 推出了很多更新，同时 Svelte 语言工具也增加了一些提高生活质量的功能。

一起来看看吧……

Svelte 和语言工具的最新动态

  • $state.frozen 已被 $state.raw 替代 (5.0.0-next.218, 文档，#12808)
  • $state.is 已被移除。向它致以最深切的哀悼 (#12916)
  • svelte:options 现在可以基于组件设置 css: "inject" 编译器选项 (5.0.0-next.209, #12660)
  • <svelte:component> 在符文模式中已不再必要，因此被弃用 (5.0.0-next.203/217, #12646 和 #12694)
  • :global 现在可以在更多地方使用 —— 让 <style> 标签中的使用更方便，并解决与 Tailwind 的 @apply 相关的问题 (5.0.0-next.199, 文档，#12560)
  • Svelte 自带的 @sveltejs/package 的 TypeScript 定义生成器现在会在诊断检测到未生成 d.ts 文件时发出警告 (svelte2tsx@0.7.14, #2428)
  • 现在可以在 emitDts 中指定 tsconfig —— 在 monorepo 中工作时非常有用 (svelte2tsx@0.7.16, #2454)

这份列表中没有提到的是，关于 CSS 和 JavaScript 编译的大量效率和性能改进。如果你有兴趣，可以查看 更新日志，了解过去一个月中关于解构、状态代理和 actions/styles/classes 的所有改进。

社区展示

使用 Svelte 构建的应用和网站

  • Apple Podcasts for the web 现在使用了 Svelte
  • UCLA 学生事务网站 使用 SvelteKit 构建
  • tidytube 是一个用于简化 YouTube 界面的浏览器扩展
  • Graphite 是一个开源的2D程序化图形编辑器
  • My Yogi 是一个瑜伽序列构建和管理器
  • Mark Of Destiny 是一个多人在线策略游戏，你将成为一个小型发展中国家的统治者
  • Dungeons and Jacks 是一个融合了黑杰克游戏和 Roguelite 元素的游戏
  • YT Desk 是一个独立的 YouTube 和 YouTube Music 播放器，支持迷你播放器、Discord “丰富状态”和全局快捷键
  • Synapsis 是一个基于 AI 的学习平台
  • SvelteCareers 是一个新推出的 Svelte 招聘网站，每周一发布职位提醒

学习资源

由 Svelte 的贡献者和大使提供

推荐阅读

观看推荐

库、工具和组件

  • 这款流动的提示工具 非常流畅且令人满足
  • select-kit 是一个满足所有选择框/下拉列表/自动完成需求的终极解决方案
  • ssgoi 是一个支持每种浏览器（包括 Safari）的动画页面过渡库
  • @svelte-put/preaction 是一个概念验证预处理器，允许通过 “preaction” 扩展 Svelte 动作以在服务端添加静态属性
  • svelte-standalone 是一系列配置，用于将任何 Svelte 小部件处理为单个独立的 JavaScript 文件
  • svelte-cartesian 是一个单一组件，有助于渲染提供组件的所有属性组合，用于可视化回归测试

本月到此为止！如果我们遗漏了什么，请在 Reddit 或 Discord 上告诉我们。

直到下次见 👋