跳至主要内容

Svelte 新闻：2023 年 1 月

SvelteKit 1.0、教程和 Svelte 元素的类型定义。

Dani Sandoval

距离 SvelteKit 1.0 发布仅两周！如果您还没有，请查看 直播、新网站 和 教程，逐步了解 SvelteKit 的所有功能。

让我们深入了解细节...

SvelteKit 的新功能

  • @sveltejs/kit 1.0 发布了！所有未来的版本都将遵循语义化版本控制，更改将作为主要/次要/修补程序列在 更改日志 中。
  • 改进了对 Storybook 和 Histoire 的支持 (#7990)。正在进行的工作是为了完全支持这些工具 (storybook#20239)。
  • vitePreprocess 现在是默认的预处理器。请参阅 文档 以了解 vitePreprocess 和 svelte-preprocess 之间的区别 (#8036)。

重大更改：

  • 不再允许从 +(layout|page)(.server)?.js 和 +server.js 文件中导出未知导出（以下划线开头的情况除外）(#7878)
  • __data.json 现在已从 URL 中剥离 (#7979)
  • sveltekit() 现在将返回一个 Vite 插件数组的 Promise (#7994)
  • 一个新的 embedded 选项（默认情况下关闭）有助于在嵌入 SvelteKit 时处理链接点击 (文档、#7969)
  • 自动回退生成已替换为 builder.generateFallback(fallback) (#8013)
  • invalid() 现在是 fail()，ValidationError 现在是 ActionFailure (#8012)
  • SvelteKit 现在将在加载响应无效时抛出错误 (#8003)
  • SvelteKit 现在使用 Vite 4，并需要 Svelte 的 peerDependency 为 ^3.54.0 (#7543)
  • 当 ssr 为 false 且 prerender 不为 false 时，Shell 现在会被预渲染 - 确保当 ssr 也为 false 时，prerender 为 false (#8131)
  • 已删除有关已删除/更改的 API 的警告和错误 (#8019)

Svelte 的新功能

  • 现在可以将 options.direction 参数传递给自定义过渡函数 (**3.54.0**，#3918)
  • 现在可以从声明的 @const 函数更新变量 (**3.54.0**，#7843)
  • 已添加 svelte/elements 用于 Svelte/HTML 类型定义 (**3.55.0**，#7649)

语言工具的新功能

Svelte 扩展和语言工具现在有一些新的最低版本要求

  • Node 版本现在为 16
  • TypeScript 版本现在为 4.9
  • Svelte 版本现在为 3.55

以下功能也已发布

  • 缺少处理程序快速修复 (#1731)
  • 添加 Svelte 锚点缺少属性代码操作 (#1730)
  • 更好的提交字符处理 (#1742)
  • 添加 --preserveWatchOutput 选项 (#1715)
  • 增强快速修复以包含 Svelte 存储 (#1789)
  • 仅在 SvelteKit 项目中显示 SvelteKit 文件上下文菜单 (#1771)
  • 如果可能，使用 satisfies 运算符 (#1770)

有关 Svelte 编译器的所有更改，包括未发布的更改，请查看 更改日志。

社区展示

使用 Svelte 构建的应用和网站

  • Svelte 食谱 🧑‍🍳 提供了常见数据可视化问题的代码片段
  • Everything Svelte 是一门新课程，教授构建现代 Web 应用程序所需的一切知识
  • CSS 时间线 是 CSS 历史和演变的时间线
  • GitBar 是一款系统托盘应用程序，用于显示您的拉取请求审查
  • Texture Lab 从任何文本生成即时游戏纹理
  • Totems 是一家工作室，创建定制支架和支撑
  • PeopletoNotion 是一款 Chrome 扩展程序，可以一键将 LinkedIn 个人资料添加到 Notion
  • DeckDev 是一个万智牌套牌构建器
  • Default Shortcuts 是一款用于跨浏览器搜索键盘快捷键的工具。

学习资源

来自 Svelte Society

观看

阅读

库、工具和组件

新年快乐 🎆 如果我们错过了任何内容，请在 Reddit 或 Discord 上告诉我们。