Haku Chen

← Back to work

Custom Build Pipeline for Legacy Backend Integration

Jun 2023 – Jun 2024 · Lion Travel (Lion Information)

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

Clarified the split of responsibility between frontend and backend, improving maintainability and build performance.

Context
Migrating legacy pages page-by-page from EJS templates — where the frontend handled UI only and data binding was managed by a .NET backend — to a React multi-page architecture.
What I did
  • Proposed and redesigned the build pipeline from Webpack to Vite's multi-app mode to support per-page asset bundling.
  • Introduced component-based architecture and state management, and moved UI logic to the frontend team.
Phases I owned
DesignImplementationMentoring
Team
9 people, as sub-leader. Sub-leader — work allocation, planning, environment setup, mentoring.
Environment
ReactTypeScriptViteWebpackSassTailwind CSSReact QueryZustandReact Hook Form
Working language
Chinese (Taiwan)