What's New in Vite 3.0: Template Updates, CLI Optimizations, and API Changes

Vite 3.0 has been released with a refreshed official documentation and several visual and functional improvements.

Template changes : The default Vue template now matches the new documentation theme, supports dark and light modes, and replaces the Vue logo with the Vite logo. The same theme is applied to other official templates.

Example command to create a Vue project with Vite:

pnpm create vite
# project name -> demo
# select a framework -> vue
# select a variant -> vue
cd demo
pnpm install
pnpm dev

Vite CLI optimization : The CLI UI has been redesigned, and the default server port changed from 3000 to 5173, with the local address now using 127.0.0.1 instead of localhost.

import.meta.glob API : The dynamic import API has been rewritten; the new syntax and usage are detailed in the official docs.

Other updates include a smaller bundle size, ESBuild‑based JS and CSS minification, numerous bug fixes, compatibility adjustments with a minimum Node version of 14.18+, and a commitment to release a new major version each year.

The article concludes that staying up‑to‑date with fast‑moving frontend technologies like Vite is essential for developers.