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>