iT邦幫忙

2023 iThome 鐵人賽

DAY 28
1
影片教學

Vite 原始碼解讀系列 第 28

[Vite 原始碼解讀] 動手實作陽春版 Vite part 1 - Dev Server

  • 分享至 

  • xImage
  •  

30 天影集播放清單 https://www.youtube.com/playlist?list=PLBd8JGCAcUAEFJzjAQC6DbWTeDICcanFF


Yes

Youtube 連結:https://www.youtube.com/watch?v=LO3SFk8viT8


在這個系列影集中,我希望跟大家一起研究 Vite 的原始碼,希望通過閱讀 Vite 的原始碼更深入地了解 Vite 的工作原理,並且提升我們的 JavaScript 技能。

接下來的幾集,我們會用在前面影集學過的概念,動手實作一個簡易版的 Vite (產品名稱叫 Vivvi)。我選擇使用 Bun 來做為 JavaScript Runtime,沒特別原因,就只是因為它相對的比較方便也好玩,重點是 Logo 很可愛...

這集影集時間比較長,建議可把播放速度調整到 1.2 ~ 1.5 倍速,或是直接看 GitHub 的專案成果也行。

若各位有其他關於 Vite 或前端開發的問題都歡迎提出。如果你喜歡我的頻道,歡迎幫我的影片按讚、訂閱、轉發我的影片,那對我會有很大的幫助,我們下集見!

參考連結:


上一篇
[Vite 原始碼解讀] npm run preview 與 optimize
下一篇
[Vite 原始碼解讀] 動手實作陽春版 Vite part 2 - Pre-Bundling
系列文
Vite 原始碼解讀30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言