![[筆記] Vite 開發遇上 431 Request Header Fields Too Large](https://smlpoints.com/wp-content/uploads/notes-vite-github-action-1.png "[筆記] Vite 開發遇上 431 Request Header Fields Too Large")
[筆記] Vite 開發遇上 431 Request Header Fields Too Large
Vite 開發打 api 與後端用 proxy 轉接溝通時，瀏覽器的 Console 出現 431 Request Header Fields Too Larg Read More …
標籤: Vite
[筆記] 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 …
[筆記] vite 開發實作替代 html 模版文字
過往使用 webpack 打包時，可以對 html 上方的模版區塊進行取代，進而產出客製化的顯示內容。這在產生不同客戶的 <title>、一些追蹤碼 Read More …
[筆記] 2024 從 Jest 轉移到 Vitest 過程筆記
近期為了解決 import.meta 無法順利使用 Jest 來進行單元測試的問題，於是改用 vite 為基底並盡可能相容 Jest 語法的 vitest。轉移 Read More …
