iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0
影片教學

Vite 原始碼解讀系列 第 17

[Vite 原始碼解讀] ModuleGraph part 2

  • 分享至 

  • xImage
  •  

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


Yes

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


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

在本集影片中,我們將繼續追 Vite 裡的一個關鍵元件 - ModuleGraph。ModuleGraph 在整個 Vite 框架中扮演了相當重要的角色,它由許多 ModuleNode 組成,代表了應用程式中的各個模組。ModuleNode 裡有 id、url、文件路徑等屬性,但特別值得注意的是 importers 跟 importedModules,透過這兩個屬性可以知道該模組會被哪些模組給引入以及會引入哪些其它模組。

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


上一篇
[Vite 原始碼解讀] 如何追原始碼?
下一篇
[Vite 原始碼解讀] ModuleGraph part 3
系列文
Vite 原始碼解讀30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言