Vite

Vite is a modern frontend build tool that provides lightning-fast development and optimized production builds. Designed as an alternative to traditional bundlers like Webpack, Vite leverages native ES modules and an optimized build process to significantly improve developer experience.

During development, Vite serves files instantly using an on-demand, no-bundle approach, eliminating slow rebuild times. For production, it uses Rollup to generate highly optimized, tree-shaken bundles. It also supports Hot Module Replacement (HMR) out of the box, ensuring rapid feedback during development.

Where is it used in the stack?

Vite is used as the build tool for the Admin frontend, ensuring fast local development and optimized deployment of the React application.

Why are we using it?

Vite was chosen for its blazing-fast performance, developer-friendly features, and improved build times. Its instant startup, HMR capabilities, and optimized production output make it an ideal choice for modern frontend development, ensuring a smooth and efficient workflow.

Find out more

• The vite website is here