Skip to content

SvelteKit

SvelteKit

SvelteKit 是一个构建在Svelte 之上的框架(类似于Next.js 与React 的关系)。
它旨在构建各种规模的Web 应用程序,具有基于文件系统的灵活路由。

SvelteKit
项目
文档

什么是 SvelteKit?

SvelteKit 是一个使用Svelte快速开发健壮、高性能 Web 应用程序的框架。
如果您来自 React,SvelteKit 与 Next 类似。如果您来自 Vue,SvelteKit 与 Nuxt 类似。

什么是 Svelte?

简而言之,Svelte 是一种编写用户界面组件(例如导航栏、评论部分或联系表单)的方法,用户可以在浏览器中看到这些组件并与之交互。 Svelte 编译器将您的组件转换为可运行以呈现页面 HTML 的 JavaScript 以及用于设置页面样式的 CSS。

SvelteKit 与 Svelte

Svelte 呈现 UI 组件。您可以组合这些组件并仅使用 Svelte 渲染整个页面,但您需要的不仅仅是 Svelte 来编写整个应用程序。

SvelteKit 帮助您构建 Web 应用程序,同时遵循现代最佳实践并为常见的开发挑战提供解决方案。它提供了从基本功能(例如单击链接时更新用户界面的路由器)到更高级功能的一切。其广泛的功能列表包括构建优化以仅加载所需的最少代码;离线支持;在用户导航之前预加载页面;可配置渲染,通过SSR在服务器上处理应用程序的不同部分,在浏览器中通过客户端渲染,或在构建时通过预渲染处理应用程序的不同部分;图像优化;以及更多。使用所有现代最佳实践构建应用程序非常复杂,但 SvelteKit 会为您完成所有无聊的工作,以便您可以继续进行创意部分。

它会立即反映浏览器中代码的更改,通过利用带有Svelte 插件的Vite进行热模块替换 (HMR),提供闪电般快速且功能丰富的开发体验。