1.1K
423
+ 1
13

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 64.2K GitHub stars and 5.7K GitHub forks. Here’s a link to Vite's open source repository on GitHub

Who uses Vite?

Companies
171 companies reportedly use Vite in their tech stacks, including Tech Stack, Shelf, and DevOps.

Developers
662 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 14 tools that integrate with Vite.
Pros of Vite
5
Simple
4
Easy configuration
2
Fast
2
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.

Needs advice
on
AngularAngularDjangoDjango
and
ViteVite

I work for a firm that gave me the task to select a software stack that suits our needs, I already have some idea of what it is going to be but I am the only technical person in the firm so I need advice. I just got out of school so it's kinda overwhelming.

What we need - One MPA (so SSR and SEO) - Two SPA on the same domain as the MPA - A backend that works with MSSQL and the frontend

Because it is a pretty big enterprise project and my devs are familiar with Angular I want to use Angular with PrimeNg on top. For the backend, I think Django will be my choice because it works with our database and the built-in functionalities seem very nice.

I would also like to use Vite for faster development time but I am not sure if it will suit my needs.

The main question is can I use Angular for the MPA so SSR and Angular for the SPA's on the same domain, it opens a new tab when a link is clicked to the SPA. I need to hydrate some parts of the pages of the MPA too I was thinking to use Analogjs but vite ssr also seems similar.

Please help I'm confused.

See more
Needs advice
on
.NET Core.NET CoreNXKitNXKit
and
Vue.jsVue.js

Hello, I am working on a project consisting of several micro apps, set up using Nx. The feedback loop is very slow, so I was wondering if anyone has worked with something similar and has any advice on keeping the feedback loop tighter. Nx builds the Vue.js 2/3 apps using Vite, and I would love to be able to use hot reload.

See more
First LastName
Needs advice
on
SupabaseSupabase
and
ViteVite

Who uses Vite? I’m trying it with React, it obviously is less data and compiles fast, BUT, is it a good idea? I’m using it with Supabase.

See more
Giordanna De Gregoriis
Jr Fullstack Developer at Stefanini Inspiring · | 8 upvotes · 449.7K views
Needs advice
on
Nuxt.jsNuxt.js
and
Vue.jsVue.js

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

Jobs that mention Vite as a desired skillset

See all jobs

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
423 developers follow Vite to keep up with related blogs and decisions.