Vite3.0 has been released, can you still roll it (list of new features)

Some time ago , You da released Vite3.0, And updated Vite Official documents of , Today, I will lead you to study together Vite3.0 New features at a glance , Here are Vite Official document icon for ：

Entering the homepage makes me feel amazing anyway .

This document will briefly introduce Vite3.0 What are the new things , Don't be rolled into a bad shape .

Catalog

One 、 Change of template

Two 、Vite CLI The optimization of the

3、 ... and 、import.meta.glob API The change of

Four 、 Other content

Vite3.0 Also updated some other content , as follows ：

Vite The overall volume becomes smaller ;

JS and CSS The compression tool used ESbuild（Vite2 Begin with ）;

Repair the N Multiple bug;

Compatibility has been adjusted , The minimum support node14.18+;

Vite Decided to release a new version every year ;

---

One 、 Change of template

Take me for example , I use Vite The most created is Vue project , After this update , Use Vite Created Vue The theme of the template is Vite Keep the documents consistent , It also supports dark and light modes , And icon from Vue Of logo Instead of Vite Of logo.

We can use Vite Create a Vue Run the template to see the effect ：

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

The two themes are as follows

Two 、Vite CLI The optimization of the

Vite CLI The style in the command line is also optimized , Look at the picture below

On the left is Vite3.0, On the right is Vite2.0, Visually obvious 3.0 Than 2.0 Look good .

Besides the appearance , We can see The default port number has also changed , from 3000 Turned into 5173;Local The address from localhost Turned into 127.0.0.1.

3、 ... and 、import.meta.glob API The change of

import.meta.globAPI You can import files dynamically , stay Vite3 It is allowed that import.meta.glob Be rewritten , Please refer to Glob Import form , The description in the official documents has been very detailed .

Four 、 Other content

Vite3.0 Also updated some other content , as follows ：

• Vite The overall volume becomes smaller ;

• JS and CSS The compression tool used ESbuild（Vite2 Begin with ）;

• Repair the N Multiple bug;

• Compatibility has been adjusted , The minimum support node14.18+;

• Vite Decided to release a new version every year ;

This article briefly introduces Vite Some of the new features in . Xiaoyeqiu reminds everyone here ： Now the speed of front-end development has become very fast , Keep sensitive to new technologies at all times to ensure that you will not be eliminated , Come on, guys ~

Conclusion ： Pay attention to bloggers and don't get lost , Take you on the highway ~~~