什么是 SvelteKit?
SvelteKit 是一个使用Svelte快速开发健壮、高性能 Web 应用程序的框架。如果您来自 React,SvelteKit 与 Next 类似。如果您来自 Vue,SvelteKit 与 Nuxt 类似。
什么是Svelte?
简而言之,Svelte 是一种编写用户界面组件(例如导航栏、评论部分或联系表单)的方法,用户可以在浏览器中看到这些组件并与之交互。Svelte 编译器将您的组件转换为可运行以呈现页面 HTML 的 JavaScript 以及用于设置页面样式的 CSS。您无需了解 Svelte 即可理解本指南的其余部分,但它会有所帮助。如果您想了解更多信息,请查看Svelte 教程。
SvelteKit 与 Svelte
Svelte 呈现 UI 组件。您可以组合这些组件并仅使用 Svelte 渲染整个页面,但您需要的不仅仅是 Svelte 来编写整个应用程序。
SvelteKit 提供基本功能,例如路由器(单击链接时更新 UI)和服务器端渲染 (SSR)。但除此之外,使用所有现代最佳实践构建应用程序非常复杂。这些实践包括构建优化,以便您仅加载所需的最少代码;离线支持;在用户启动导航之前预加载页面;可配置的渲染,允许您使用SSR在服务器上、在浏览器客户端渲染中或在构建时使用预渲染来渲染应用程序的不同部分; 以及许多其他事情。SvelteKit 会为您处理所有无聊的事情,以便您可以继续进行创意部分。
它会立即反映浏览器中代码的更改,通过利用带有Svelte 插件的Vite进行热模块替换 (HMR),提供闪电般快速且功能丰富的开发体验。