Vitejs

Vue2 從 Webpack4 遷移到 Vite

前陣子幫公司完成了 Vue2 老專案升級。從 node10 升到 node16，並從 @rails/webpacker (webpack4) 成功遷移到了 vite。

Vite 反向代理跨網域取得登入權限

情境說明

前端要對後端發出 API request，可分為「同網域」以及「不同網域」。大多情況下，不同網域時會使用 JWT 來做登入與授權，同網域會用 cookie-session 的方式居多。

Vite + Ant Design 初起啟動緩慢問題

記錄一下最近碰到的有趣問題。

Vite v4.2 搭配Ant Design v5 時，會有 run dev 初次啟動極度緩慢的問題，這情況在 Windows 特別明顯。經測試我個人的 PC 要花 6x 秒頁面才會顯示出來。(run dev 之後頁面開啟開始計算)

可參考這篇 issues:

初探 Sentry 監控工具，心得筆記

Overview

Sentry 是一套監控工具，可以蒐集 App 的錯誤訊息，在 Sentry 的平台上呈現，方便專案交付之後的維護與 debug。

tailwind config 使用 ESM

給自己筆記一下。有用過 tailwind + vite 的話，應該會注意到 tailwind 使用的是 CommonJS 的 module 格式，而不是 ES6 Module。

前端如何處理 CORS

幹前端或多或少都撞過 CORS 問題，雖然未必都會碰上，但也是早晚的問題。

[輕前端] Vite + PetiteVue 開發架構

好像有陣子沒更新，繼續來記錄、分享一下關於輕量級活動專案的開發心得。先上重點，這篇主要是介紹使用 Vite 體系的自製輕前端架構，應對 HTML / CSS / JS，分別採用「模板引擎 / 原子化 CSS /…