[Vite 原始碼解讀] npm run dev 之後...
鐵人賽:https://ithelp.ithome.com.tw/users/20065770/ironman/6302
我們這集繼續來看看 Vite 的原始碼,這集主要是想要看看當使用 Vite 創建專案後,執行 npm run dev 指令的時候,背後究竟發生了什麼事。我們用一個全新的 Vue 專案為例,來實際了解這個過程。
建立專案後,執行 npm run dev 指令便會啟動 Vite 開發伺服器。實際上,這個指令執行的是一個名為 vite 的程式,而 vite 程式可以在專案的 node_modules/.bin/ 目錄裡找到。就會發現 vite 程式實際上是一個 Symbolic Link(符號連結),它指向 node_modules/vite/bin/vite.js 檔案。再進一步往下追,會發現在它會 import 一個 cli.js 檔案。這個檔案是 Vite 的命令列介面程式的入口點。當我們執行 npm run dev 時,它會建立一個 cli 物件,使用名為 cac 的套件來處理命令列參數。
cac 是一個簡單但功能強大的框架,可以用來建立命令列工具。當我們執行 npm run dev 時,cli 物件會解析命令列參數,並根據參數執行相應的動作。
接下來,我們還能看到原始碼中有一個 server 模組,負責建立和管理開發伺服器。不過,這部分的詳細內容我們會在後續的影片中再繼續深入探討。
總結來說,當我們執行 npm run dev 指令時,實際上是通過一個名為 vite 的程式,使用 cac 框架來處理命令列參數,然後根據參數執行相應的動作,最終啟動一個開發伺服器。
參考資料:
cac: https://www.npmjs.com/package/cac
#vite
#原始碼解讀
#鐵人賽
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «[Vite 原始碼解讀] npm run dev 之後...», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.