What We Learned Migrating From Webpack to Vite

The Neon Console team migrated from Webpack to Vite, aiming for hot module replacement support, improved build times, and a simpler setup with fewer dependencies. While the migration did not result in faster build times, it achieved significant wins such as HMR functionality and reduced dependencies. A custom proxy using Vite's JS API was implemented to handle HTML generation by the backend. The team also faced challenges like finding the entry point for production assets and supporting multiple SPA apps in a single HTML response. Overall, frontend developers are happy with the new setup, which has simplified configuration across apps, Vitest, and Storybook.