Svelte

Svelte

File:Svelte Logo.svg
原作者	Rich Harris
首次發佈	2016年11月26日​（2016-11-26）
目前版本
原始碼庫	github.com/sveltejs/svelte
程式語言	TypeScript
引擎
檔案大小	4.1 KB
類型	Web應用框架
許可協定	MIT License
網站	svelte.dev

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

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>