温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Vite3.0有哪些新特性

发布时间:2022-07-22 11:38:20 来源:亿速云 阅读:153 作者:iii 栏目:编程语言

这篇文章主要介绍“Vite3.0有哪些新特性”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vite3.0有哪些新特性”文章能帮助大家解决问题。

前一段时间,尤大发布了Vite3.0,以及更新了Vite的官方文档,如下图

Vite3.0有哪些新特性

模板的变更

就那我自己来说,我用Vite创建最多的就是Vue项目, 这个更新后,使用Vite创建的Vue模板的主题与Vite的文档保持一致,也支持暗色与亮色模式,且icon从Vue的logo换成了Vite的logo。

我们可以使用Vite创建一个Vue模板并运行一下看个效果:

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

两个主题就是下面这样的

Vite3.0有哪些新特性

除了Vue外,下面这些模板的主题也是一致的。

Vite3.0有哪些新特性

Vite CLI的优化

Vite CLI在命令行中的样式也进行了优化,看下面这个图

Vite3.0有哪些新特性

左边是Vite3.0,右边是Vite2.0,在视觉上明显3.0比2.0要好看。

除了外观之外,我们可以看到默认的端口号也发生了变化,从3000变成了5173;Local的地址从localhost变成了127.0.0.1

import.meta.glob API的变化

import.meta.globAPI可以动态的导入文件,在Vite3中允许import.meta.glob被重写,具体可以参照Glob导入形式,在官方文档中描述的已经非常的详细了。

其他内容

Vite3.0还更新的一些其他的内容,如下:

  • Vite整体体积变小;

  • JS和CSS的压缩工具使用了ESbuild(Vite2中开始);

  • 修复了N多个bug;

  • 兼容性做了调整,最低支持node14.18+

  • Vite决定每年发布一个新的版本。

关于“Vite3.0有哪些新特性”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI