Vue's Road to Vite, Haoqun Jiang, ViteConf 2022

Learn about Vue's journey to Vite, a next-generation Webpack alternative, and discover the benefits of a faster, simpler, and more extensible development experience for Vue projects.

Key takeaways
  • Vite has a universally acknowledged design philosophy in Webpack.
  • Vite is fast by default and has a rich ecosystem.
  • Its dev server is way faster than Webpack’s and has a simpler approach.
  • Vite has plugins for type checking, ESLint, and unit testing.
  • The migration path from Vue CLI to Vite is smoother due to the predictable release cadence.
  • Vite has dedicated scaffolding tools for various use cases.
  • The Vue team believes Vite is mature enough for serious use cases.
  • The ecosystem is now getting more and more mature.
  • Vite has a predictable release cadence, with most notable changes including turning away from Webpack.
  • The benefits of Vite include its simplicity, speed, and ease of use.
  • Vite is extensible and has lots of built-in integrations.
  • The transition from Vue CLI to Vite has made the ecosystem more mature.
  • Vite is now in feature parity with Vue CLI, making it a suitable choice for Vue projects.
  • The Vue team encourages the use of ES modules and plain Vue plugins.
  • Most IDEs and editors have ESLint plugins, making it easy to configure ESLint.
  • Vite’s configuration format is easy and intuitive.
  • The ecosystem is constantly improving, with more frequent and predictable releases.
  • The Vue team wants to ship features after thorough testing, to guarantee their quality.
  • The transition from Vue CLI to Vite has allowed the ecosystem to be more focused on speed and simplicity.
  • The Vue team recommends using the npm create-vue command to create Vue projects.
  • Vite has its own ecosystem of transformers and resolvers.
  • Vite does not have a gauranteed sillier future updateTime