iT邦幫忙

2023 iThome 鐵人賽

DAY 29
0
影片教學

Vite 原始碼解讀系列 第 29

[Vite 原始碼解讀] 動手實作陽春版 Vite part 2 - Pre-Bundling

  • 分享至 

  • xImage
  •  

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


Yes

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


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

上一集實作了陽春版的 Dev Server,接下來這集來介紹怎麼處理模組的匯入,以及類似正版 Vite 的 Pre-bundling 的效果...

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

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

參考連結:


上一篇
[Vite 原始碼解讀] 動手實作陽春版 Vite part 1 - Dev Server
下一篇
[Vite 原始碼解讀] 動手實作陽春版 Vite part 3 - HMR
系列文
Vite 原始碼解讀30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言