核心概念
這個章節說明 Vite 底層如何運作,以及開發時最常打交道的四件事:開發伺服器、打包、靜態資源、環境變數。理解這些概念,能幫你判斷「為什麼這樣寫」,而不只是照抄設定。
本章內容
- 開發伺服器與 HMR:為什麼 Vite 開發時啟動快、修改後回饋快。
- 打包與預覽:
vite build做了什麼、輸出結果如何驗證。 - 靜態資源與 CSS 處理:圖片、字型、CSS/Sass 在 Vite 中如何被處理。
- 環境變數與模式:
.env系列檔案與import.meta.env的用法。
建議依序閱讀;讀完後可進入〈進階功能〉學習設定檔、外掛與部署。