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>