Vite3.0发布了，看看Vite3.0的新特性

vite3已经发布了3.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

两个主题就是下面这样的

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

Vite CLI的优化

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

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

网龙b2b仿阿里巴巴电子商务平台

本系统经过多次升级改造，系统内核经过多次优化组合，已经具备相对比较方便快捷的个性化定制的特性，用户部署完毕以后，按照自己的运营要求，可实现快速定制会费管理，支持在线缴费和退费功能财富中心，管理会员的诚信度数据单客户多用户登录管理全部信息支持审批和排名不同的会员级别有不同的信息发布权限企业站单独生成，企业自主决定更新企业站信息留言、询价、报价统一管理，分系统查看分类信息参数化管理，支持多样分类信息，

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决定每年发布一个新的版本；

写在最后

本篇文中简短了介绍了一下Vite中的一些新特性。

现在前端发展的速度已经变的非常的快，时刻保持对新技术的敏感度才能保证自己不被淘汰，加油吧各位~

最后祝大家：天天不加班，年薪过百万。

【相关视频教程推荐：vuejs入门教程、web前端入门】

以上就是Vite3.0发布了，看看Vite3.0的新特性的详细内容，更多请关注php中文网其它相关文章！