If you look at bestofJS data for 2021, you would see that the rising star in the build tools category is Vite, leaving Webpack far behind in terms of popularity. Please note the emphasis on…

JSPlainEnglish's platform is a resource for JavaScript developers, offering insights into JavaScript fundamentals, modern web development techniques, and JavaScript frameworks. Through articles, tutorials, and code snippets, JSPlainEnglish offers insights into JavaScript language features, ES6 syntax, and functional programming concepts. Readers can learn about building interactive web applications, working with JavaScript libraries, and optimizing frontend performance to create engaging user experiences.

JavaScript in Plain English

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its plugin API and JavaScript API with full typing support.

Time to Say Goodbye to Webpack?

So what does Vite do to make the development experience better?

That essentially means no time spent on bundling your code before the server can start.

So should we just move to Vite & stop using tools like Webpack?

From the very first time I had to deal with Webpack (until I found out about Vite) I hated every single second spent on it. It always felt slow and I couldn’t get my mind around the fact that frontend devs had to deal with it daily. I’ll always recommend it when the project can move from webpack or don’t even use it from the beginning.

Love Vite, anyway nowadays i use a lot more next and remix for my web experiments…

Vite is amazing, just waiting for esbuild to be stable enough to be used in production and not just dev server.

Great article!
I really was wondering what exactly are the advantages of Vite over webpack and this clears it up completely!
Maybe I’ll pitch it to my company for our product

Thanks, Now I can improve performance of my apps 😁