# Vite

## References
+ 🔗 [**ExplainThis - Vite**](https://www.explainthis.io/zh-hant/swe/what-is-vite)
+ 🔗 [**vite.config.js 設定**](https://ithelp.ithome.com.tw/m/articles/10270465)

## Note

### Development

透過執行 [create-vite] 的腳本去建置專案、安裝 Vite 與依賴套件

pnpm create vite


### Env Variables

|🚨 <span class="caution">CAUTION</span>|
|:---|
|只有 <mark>`BASE_URL`</mark>、<mark>`NODE_ENV`</mark>、<mark>`VITE_` 開頭</mark>的環境變數才能被調用|
|無論是哪種設定檔都是用 `import.meta.env` 調用環境變數|
|修改設定檔後，必須重新啟動 server 才能套用變更後的環境變數<br />(無法跟著 hot reload 變更)|

[create-vite]: https://github.com/vitejs/vite/blob/56a86ae479b6aaf1c0a15bfedb0ee435e8ffcf3a/packages/create-vite/package.json#L8