陳柏岳(Haku Chen)

回到作品列表

為銜接舊後端而重新設計的建置管線

2023年6月 – 2024年6月 · 雄獅資訊(雄獅旅遊集團)

Before: EJS pages bundled by Webpack into one bundle. After: React pages built by Vite in multi-app mode into per-page bundlesbeforeEJS pagesWebpackone bundleafterReact pagesVite multi-apppage bundlepage bundlepage bundle
專案背景
把 EJS 樣板的舊頁面逐頁遷移到 React 多頁架構——原本前端只負責 UI 與互動,資料綁定由 .NET 後端掌管。
我做了什麼
  • 提出並重新設計建置管線,從 Webpack 換成 Vite 的多應用模式,支援逐頁的資源打包。
  • 導入元件化架構與狀態管理,把 UI 邏輯移交給前端團隊。
我負責的階段
設計實作指導與支援
團隊組成
9 人,我擔任副組長。 副組長:工作分配、開發計畫、初期環境建置、開發支援與帶人。
技術環境
ReactTypeScriptViteWebpackSassTailwind CSSReact QueryZustandReact Hook Form
工作語言
中文(台灣)