宜宾网站建设公司

Vite3.0有哪些新特性

这篇文章主要介绍“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有哪些新特性”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。


分享名称：Vite3.0有哪些新特性
标题来源：http://ybzwz.com/article/iiecio.html

其他资讯