An Interest In:
Web News this Week
- April 18, 2024
- April 17, 2024
- April 16, 2024
- April 15, 2024
- April 14, 2024
- April 13, 2024
- April 12, 2024
Vite is too fast!
Recently I tried Vite and I was blown away by how fast it was. I re-checked if I started the app correctly because I couldn't belive that it started the dev server under 200ms
!
So, here's a short article on what is Vite and how can we create a new react project with it.
What is Vite?
Vite is build tool created by Evan You (creator of Vue), it provides faster developement experience with instant server start, super fast Hot Module Replacement (HMR) and out of the box support for TypeScript as well.
Vite pre-bundles dependencies using esbuild. Esbuild is written in Go and pre-bundles dependencies 10-100x faster than other JavaScript-based bundlers.
Blazing fast TypeScript with Webpack and ESBuild If you'd like to learn more about esbuild setup with Webpack 5
Create a new project
Let's create a new project with Vite
yarn create vite
And we have our vite project !
index.html package.json src App.css App.tsx favicon.svg index.css logo.svg main.tsx vite-env.d.ts tsconfig.json vite.config.ts
Let's start our dev server
cd vite-projectyarn installyarn dev
Build
Vite uses rollup to build and optimize static assets. Let's build our project
yarn build
We have our static assets ready to be served!
Original Link: https://dev.to/karanpratapsingh/vite-is-too-fast-i8g
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To