https://ithelp.ithome.com.tw/users/20065770/ironman/6302 在上一集我們追原始碼追到當執行了 npm run dev 指令後會發生什麼事情。我們發現這個指令實際上會啟動一個 cli 程式，而在這個 cli 程式內部會啟動一個伺服器。這一集將更深入地看看 createServer，看看它究竟做了什麼。 我們簡單的看了一下 createServer 函式的實作，大概 400 行左右。其中關於 middleware 的概念 Vite 是透過 connect 套件來實作的。大概可以看的出來 createServer 在伺服器建立過程中用了類似的概念插入了中間層的邏輯。 chokidar 是一個用於監聽文件變化的套件。這個套件的主要功能是監測檔案系統中的檔案，並在檔案發生變化時觸發相應的操作。雖然 Node 本身已經提供了類似的功能，但 chokidar 在某些方面提供了更強大的功能，特別是在處理跨平台的文件路徑時。 chokidar 會監測文件系統中的變化，例如當新增、修改或刪除檔案時，chokidar 會觸發相應的事件，以便應用程式可以處理這些變化。 下一集我們將繼續深入探討 createServer 的其他部分，以更全面地了解它的功能和運作方式，我們就下集見 :) 參考資料： - connect: https://www.npmjs.com/package/connect - chokidar: https://www.npmjs.com/package/chokidar #vite #原始碼解讀 ... https://www.youtube.com/watch?v=nU5KAiiydNI

... https://www.youtube.com/watch?v=67EHwA-HkgA

鐵人賽連結：https://ithelp.ithome.com.tw/users/20065770/ironman/4894 如果喜歡這個系列的影片，歡迎訂閱我的頻道 或是想聽我介紹一些別的內容，也可直接在 YouTube 頁面下方留言 :) 錄影設備：https://kit.co/eddiekao/my-online-course-recording-kit ... https://www.youtube.com/watch?v=3rstG2799rI

鐵人賽：https://ithelp.ithome.com.tw/users/20065770/ironman/6302 在這個系列影集中，我希望跟大家一起研究 Vite 的原始碼，希望通過閱讀 Vite 的原始碼更深入地了解 Vite 的工作原理，並且提升我們的 JavaScript 技能。 接下來的這幾集來看看在 Vite 裡的 Plugins 以及跟怎麼跟 Rollup 組合在一起的... 若各位有其他關於 Vite 或前端開發的問題都歡迎提出。如果你喜歡我的頻道，歡迎幫我的影片按讚、訂閱、轉發我的影片，那對我會有很大的幫助，我們下集見！ #vite #原始碼解讀 #鐵人賽 ... https://www.youtube.com/watch?v=6XPIPawVGmk