![[筆記] vite 壓縮圖片兼轉換成 webp 最佳化](https://smlpoints.com/wp-content/uploads/notes-vite-github-action-1.png "[筆記] vite 壓縮圖片兼轉換成 webp 最佳化")
[筆記] vite 壓縮圖片兼轉換成 webp 最佳化
Vite 在 build 輸出檔案時，隨著圖片數量增多，壓縮兼轉換成 webp 的必要性會逐步上升。這邊筆記下嘗試後的最佳化實作方法。 內容 1. 透過 vit Read More …
標籤: Vite
[筆記] awesome-vite 套件列表 – 找出具代表性且尚有維護的套件
awesome-vite 這個在 github 上的 repo，列出社群中具代表性且可能當前尚有維護的套件。 內容 [ Repo ]：vitejs/awesom Read More …
[筆記] Vite 開發遇上 431 Request Header Fields Too Large
Vite 開發打 api 與後端用 proxy 轉接溝通時，瀏覽器的 Console 出現 431 Request Header Fields Too Larg Read More …
[筆記] Vite-ssg 執行完成後進行自動化操作並壓縮
Vite-ssg 套件是個若你使用 Vite 開發但又不想使用其他現代 SSG 框架如 Nuxt 的一個便利選擇。這邊筆記下若你想對輸出完成後的檔案做一些如變更 Read More …
![[筆記] 解決 Nuxt3 SSG 靜態網站生成過多 js 檔的問題](https://smlpoints.com/wp-content/uploads/notes-nuxt-js-1-1.png "[筆記] 解決 Nuxt3 SSG 靜態網站生成過多 js 檔的問題")
[筆記] 解決 Nuxt3 SSG 靜態網站生成過多 js 檔的問題
在 Nuxt3 使用 nuxi generate 打包輸出靜態網站的過程中，若沒有特別調教的情形下，會切成過多的 js 檔案，造成單頁請求過量，伺服器記憶體超量 Read More …
![[筆記] TailwindCSS 4 在 Vue3 與 SCSS 共用](https://smlpoints.com/wp-content/uploads/notes-tailwind-css-3-set-developing-environment.png "[筆記] TailwindCSS 4 在 Vue3 與 SCSS 共用")
[筆記] TailwindCSS 4 在 Vue3 與 SCSS 共用
由於 TailwindCSS 4 已經取消內建 SCSS / SASS …… 等編譯器，連帶導致 @apply 的用法也無法使用，也不認 Read More …
[筆記] Vite 結合 mk-cert https 開發環境
Vite 於開發上有 server.https 的設置，可以讀取相關的自建憑證，來讓 localhost 可使用 https。不過 localhost 憑證會依 Read More …
[筆記] mkcert + vite 開發環境導入 https
每當使用 vite 要串接一些 https 才能正常使用的第三方服務時，會遇上 https 憑證的問題。這邊筆記下如何使用 mkcert 來幫專案生成一個開發用 Read More …
![[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤](https://smlpoints.com/wp-content/uploads/notes-2024-from-jest-to-vitest-1-200x200.jpg "[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤")
[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤
Vite6 搭配 vitest 使用時，若版本不符合的情況下，會在 TypeScript 檢查時發現錯誤。這邊筆記下原因和解決方式。 內容 此錯誤是由於 vit Read More …
