Svelte

Svelte是一个由Rich Harris创建的开放源代码的前端编译器^[4]，由志愿者维护。^[5]与传统框架（如React和Vue）在浏览器中进行大量处理的方式不同，Svelte将这些工作提前到编译阶段处理。^[6]构建一个Svelte应用程序会生成操作文档对象模型（DOM）的代码，Svelte借此可以减少传输的文件的大小，并提供更好的启动和运行时性能。Svelte有由TypeScript编写的编译器^[4]，用于在构建时将应用代码转换为客户端的JavaScript。

Svelte

原作者	Rich Harris
首次发布	2016年11月26日，​8年前​（2016-11-26）[1]
当前版本	5.28.2[2]
源代码库	github.com/sveltejs/svelte
编程语言	TypeScript
文件大小	4.1 KB[3]
类型	Web应用框架
许可协议	MIT License
网站	svelte.dev

Svelte的源代码采用MIT许可证，托管在GitHub上。^[7]

2023年6月，Svelte 4发布，软件包大小减小了75％，生成更小、更快的脱水代码，并为Svelte 5的更新打下了基础。^[8]

示例

Svelte应用和组件由 .svelte 文件定义。这是一种添加了类似于JSX的模板语法的HTML文件。Svelte使用 $: 语法来标记响应式的组件。顶层的变量是组件的状态，导出的变量成为组件接收的属性。

<script>
    let count = 1;
    $: doubled = count * 2;
</script>

<p>{count} * 2 = {doubled}</p>

<button on:click={() => count = count + 1}>Count</button>