252
150
+ 1
6

What is Vite?

It is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production.
Vite is a tool in the JS Build Tools / JS Task Runners category of a tech stack.
Vite is an open source tool with 45.2K GitHub stars and 3.7K GitHub forks. Here’s a link to Vite's open source repository on GitHub

Who uses Vite?

Companies
48 companies reportedly use Vite in their tech stacks, including MAK IT, Voiceflow, and WeGift.

Developers
194 developers on StackShare have stated that they use Vite.

Vite Integrations

JavaScript, TypeScript, Vue.js, PostCSS, and JSX are some of the popular tools that integrate with Vite. Here's a list of all 9 tools that integrate with Vite.
Pros of Vite
3
Easy configuration
3
Simple
0
Livereload
Decisions about Vite

Here are some stack decisions, common use cases and reviews by companies and developers who chose Vite in their tech stack.

Giordanna De Gregoriis
Jr Fullstack Developer at Stefanini Inspiring · | 8 upvotes · 199.9K views

TL;DR: Shall I keep developing with Nuxt.js 2 and wait for a migration guide to Nuxt 3? Or start developing with Vue.js 3 using Vite, and then migrate to Nuxt 3 when it comes out?

Long version: We have an old web application running on AngularJS and Bootstrap for frontend. It is mostly a user interface to easily read and post data to our engine.

We want to redo this web application. Started from scratch using the newest version of Angular 2+ and Material Design for frontend. We haven't even finished rewriting half of the application and it is becoming dreadful to work on.

  • The cold start takes too much time
  • Every little change reload the whole page. Seconds to minutes of development lost looking at a loading blank page just changing css
  • Code maintainability is getting worse... again... as the application grows, since we must create everytime 5 files for a new page (html, component.ts, module.ts, scss, routing.ts)

I'm currently trying to code a Proof of Concept using Nuxt.js and Tailwind CSS. But the thing is, Vue.js 3 is out and has interesting features such as the composition API, teleport and fragments. Also we wish to use the Vite frontend tooling, to improve our time developing regardless of our application size. It feels like a better alternative to Webpack, which is what Nuxt 2 uses.

I'm already trying Nuxt.js with the nuxt-vite experimental module, but many nuxt modules are still incompatible from the time I'm posting this. It is also becoming cumbersome not being able to use teleport or fragments, but that can be circumvented with good components.

What I'm asking is, what should be the wisest decision: keep developing with Nuxt 2 and wait for a migration guide to Nuxt 3? Or start developing with Vue.js 3 using Vite, and then migrate to Nuxt 3 when it comes out?

See more

Vite's Features

  • Lightning-fast cold server start
  • Instant hot module replacement (HMR)
  • True on-demand compilation

Vite Alternatives & Comparisons

What are some alternatives to Vite?
Webpack
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
gulp
Build system automating tasks: minification and copying of all JavaScript files, static images. More capable of watching files to automatically rerun the task when a file changes.
Grunt
The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort.
rollup
It is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD.
Parcel
Parcel is a web application bundler, differentiated by its developer experience. It offers blazing fast performance utilizing multicore processing, and requires zero configuration.
See all alternatives
Related Comparisons
No related comparisons found

Vite's Followers
150 developers follow Vite to keep up with related blogs and decisions.