iT邦幫忙

2023 iThome 鐵人賽

DAY 10
1
影片教學

Vite 原始碼解讀系列 第 10

[Vite 原始碼解讀] Dependency Pre-Bundling part 3

  • 分享至 

  • xImage
  •  

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


Yes

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


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

今天我們將繼續探討 Pre-Bundling 的過程,這是一個有點複雜的過程。今天主要看的函數是 discoverProjectDependencies 以及 scanImports,並且看到使用 Node 內建的 path 模組來 resolve 路徑。而在 scanOnputs 函數的最後有一段簡單的過濾,確保最後得到的 entries 是符合要求的。

在下一集中,我們還是會繼續研究 Pre-Bundling 的過程,敬請期待!

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

參考資料:


上一篇
[Vite 原始碼解讀] Dependency Pre-Bundling part 2
下一篇
[Vite 原始碼解讀] Dependency Pre-Bundling part 4
系列文
Vite 原始碼解讀30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言