![[筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾](https://smlpoints.com/wp-content/uploads/notes-vite-github-action-1.png "[筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾")
[筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾
Vite 在打包建置正式環境的內容時，其 publicDir 的資料夾是預設全部都會打包的。若你想要客製化其打包內容，那可以自行撰寫一個 Plugin 來達成。 Read More …
標籤: Vite
[筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中
使用 Vite 開發時， dev 與 prod 環境中若要自動注入 window 物件，其邏輯是有所不同的。這邊筆記下不同之處，以及如何修正。 內容 開發 De Read More …
[筆記] Vite 編譯時出現 Top-level await is not available in the configured target environment 的解決方法
Vite 在編譯時，若你在 JavaScript / TypeScript 檔案中沒有在 async 函式中使用 await 語法，那就會出現 Top-leve Read More …
![[筆記] Vue3 TypeScript Vite 多頁面模版製作開發心得](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png "[筆記] Vue3 TypeScript Vite 多頁面模版製作開發心得")
[筆記] Vue3 TypeScript Vite 多頁面模版製作開發心得
這回工作上遇到的「既有專案翻新」，因前人已有用 Vite + Vue3 翻新眾多傳統 HTML 頁面的其中一頁，有機會來製作個「Vue3 TypeScript Read More …
[筆記] 使用 Vite TypeScript 模版開發一個 npm 套件
雖說 Vite 可以快速產生一個結合 TypeScript 的模版，不過若是以「開發一個 npm 套件」為目的的使用來看，要微調的東西還真不少。這邊筆記下調整的 Read More …
![[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss](https://smlpoints.com/wp-content/uploads/notes-vue3-vite-with-bootstrap5-and-unocss-1.jpg "[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss")
[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss
原先的專案是使用 Bootstrap 5 並搭配巢狀的 scss 設置，不過隨著工具類的 css 撰寫工具如 Tailwind css 的興起，想說看能否與既有 Read More …
[指南] 用 Vite 開發一個 NPM 套件 ( 以 Parse Localized Number 為例 )
過往有寫篇 [指南] 用 Vue-SFC-Rollup 在 NPM 發佈你的第一個 Vue 套件 後，一晃也兩年過去。Vite 的橫空出世，讓開發一個 npm Read More …
![[筆記] React Hooks 起來 – Ch7 – Vite 佈署到 Github Pages 的注意事項](https://smlpoints.com/wp-content/uploads/notes-react-hooks-ch1-ch2-1.jpeg "[筆記] React Hooks 起來 – Ch7 – Vite 佈署到 Github Pages 的注意事項")
[筆記] React Hooks 起來 – Ch7 – Vite 佈署到 Github Pages 的注意事項
Vite 要佈署到 Github Pages 頁面，可以透過套件省下不少功夫，不過還需要注意輸出的路徑，以免導致 404 錯誤。 內容 1. 安裝 gh-pag Read More …
[筆記] 如何在 Vite 中取得 Github Action 的變數
近期要將 gitlab 上的 CI 流程轉換到 github 上，所以筆記一下如何讓 Vite 取得 Github Action 的方法。 內容 在 GitHu Read More …
