To address a critical bottleneck where frontend build times had escalated to 20 minutes, I led a comprehensive architectural migration from a legacy Webpack-based pipeline to Vite. The primary objective was to halt the trajectory of ballooning CI/CD overhead and provide a sustainable, high-performance development environment capable of supporting continued platform growth. The migration required a deep dive into bespoke configurations and custom build tools that had been tightly coupled with the previous ecosystem. A significant technical challenge involved replacing libraries like loadable-components which relied on Webpack-specific internals. I successfully reimplemented this core functionality using native Vite APIs, ensuring that code-splitting and lazy-loading capabilities remained intact while benefiting from modern ESM-based bundling. Transitioning the codebase to ES Modules (ESM) represented another major hurdle, as it required move away from legacy CommonJS patterns. This involved auditing internal dependencies and refactoring module resolution strategies to align with Vite’s optimized dev server and build requirements. This shift not only modernized the codebase but also leveraged browser-native features for faster execution. The project concluded with a dramatic optimization of the delivery pipeline, successfully reducing total build times from 20 minutes down to 5 minutes. This 75% improvement significantly accelerated the feedback loop for the engineering team and reduced infrastructure costs, ensuring that the platform's build performance remains stable even as the codebase continues to scale.