Svelte

Svelte是一個由Rich Harris創建的開放源代碼的前端編譯器，由志願者維護。與傳統框架（如React和Vue）在瀏覽器中進行大量處理的方式不同，Svelte將這些工作提前到編譯階段處理。構建一個Svelte應用程式會生成操作文檔對象模型（DOM）的代碼，Svelte藉此可以減少傳輸的文件的大小，並提供更好的啟動和運行時性能。Svelte有由TypeScript編寫的編譯器，用於在構建時將應用代碼轉換為客戶端的JavaScript。

Svelte

原作者	Rich Harris
首次發布	2016年11月26日​（2016-11-26）
當前版本	5.0.0
源代碼庫	github.com/sveltejs/svelte
編程語言	TypeScript
文件大小	4.1 KB
類型	Web應用框架
許可協議	MIT License
網站	svelte.dev

Svelte的源代碼採用MIT許可證，託管在GitHub上。

2023年6月，Svelte 4發布，軟件包大小減小了75％，生成更小、更快的脫水代碼，並為Svelte 5的更新打下了基礎。

示例

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>