YavarTechWorks
Published in

YavarTechWorks

Vite — Frontend Tooling

Cover Image
Quick Read

1. What will Vite do?

  • Serve your code locally during development
  • Bundle your Javascript, CSS and other assets together for production

2. So what’s different with Vite?

Bundling

3. Hot Module Replacement in Vite(HMR)

Hot Module Replacement(HMR)
Hot Module Replacement (HMR)

4. Get Started with Vite

npm init vite application-name
Choosing Framework
Vite.config.ts
npm run dev
Build time of the React application using Vite
Application with source code
npm run build

Vite Ecosystem

Congratulations!!!

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nidhin kumar

As a species, we have an inbuilt need to connect with others to communicate and share.