![[筆記] 解決 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 …
標籤: Vite
![[筆記] 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 開發環境](https://smlpoints.com/wp-content/uploads/notes-vite-github-action-1.png "[筆記] Vite 結合 mk-cert https 開發環境")
[筆記] 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 …
[筆記] Vite Plugin 生產正式環境下 過濾 Public 資料夾
Vite 在打包建置正式環境的內容時，其 publicDir 的資料夾是預設全部都會打包的。若你想要客製化其打包內容，那可以自行撰寫一個 Plugin 來達成。 Read More …
[筆記] Vite 開發與生產環境，注入內容到瀏覽器 window 物件中
使用 Vite 開發時， dev 與 prod 環境中若要自動注入 window 物件，其邏輯是有所不同的。這邊筆記下不同之處，以及如何修正。 內容 開發 De Read More …
