Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Svelte 如何編譯程式碼(1)
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kalan
October 02, 2020
Programming
0
220
Svelte 如何編譯程式碼(1)
Kalan
October 02, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
810
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
380
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
200
状態管理を楽にする道
kjj6198
1
410
Day25. 如何解析 HTML 語法
kjj6198
0
160
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
220
Day22. Svelte 經驗談
kjj6198
0
180
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
180
Day17. UI 實戰篇 - 音樂播放器
kjj6198
0
91
Other Decks in Programming
See All in Programming
CSC307 Lecture 09
javiergs
PRO
1
840
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
Data-Centric Kaggle
isax1015
2
780
ぼくの開発環境2026
yuzneri
0
240
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
250
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
7
2.8k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
990
CSC307 Lecture 06
javiergs
PRO
0
690
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
620
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
tetutetu214
2
120
2026年 エンジニアリング自己学習法
yumechi
0
140
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
130
Featured
See All Featured
Utilizing Notion as your number one productivity tool
mfonobong
3
220
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
Become a Pro
speakerdeck
PRO
31
5.8k
Navigating Team Friction
lara
192
16k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
260
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
60
42k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
83
Google's AI Overviews - The New Search
badams
0
910
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
How to train your dragon (web standard)
notwaldorf
97
6.5k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
Docker and Python
trallard
47
3.7k
Transcript
第 12 屆 IT 鐵⼈賽 30 天從 0 到 1
學 Svelte Day23 - 進階篇:Svelte 如何編譯?
第 12 屆 IT 鐵⼈賽 Svelte 編譯流程 {#if} {#each} {#await}
等另外處理 html 語法解析 遇到 { } 內的表達式 ⽤ acron 解析 css (<style> 裡頭) 使⽤ css-tree 產⽣語法樹 AST 產⽣語法樹 <script> 裡頭 使⽤ acron 分析並產⽣語法樹 AST
第 12 屆 IT 鐵⼈賽 語法樹完成! 主要會產⽣三個語法樹,CSS、HTML、instance CSS HTML instance
第 12 屆 IT 鐵⼈賽 準備編譯 a11y 檢查、變數宣告檢查、選擇器檢查、依賴(dependency)⽣成 等等可以在編譯時期完成的事情