vitE作用,Vite 2.0

　　本文主要介绍详细讲解Vite的新体会。通过示例代码非常详细，对大家的学习或者工作都有一定的参考价值。有需要的朋友下面和边肖一起学习。

什么是Vite?(是前端新玩具)

　　Vite是一个web开发构建工具，通过本地ES模块导入开发过程中更新的代码，达到快速更新的目的。

　　特性

　　超快的冷服务器启动

　　即时模块更新

　　真正的按需编译

　　10-59000包装体积

开始使用

　　Vue用户注意：Vite目前只适用于Vue3.x，这也意味着你不能使用与Vue3不兼容的库。

安装

　　npinitvite-app项目的名称

　　Cd项目名称

　　npm安装

　　npm运行开发

　　# #执行上述命令后，说明你的vue3.0项目已经使用了vite。

vite和webpack体验上有什么不同？

　　对于vite来说，就一个字，快。

　　第一次启动调试服务时，它的速度是webpack的两倍。

　　打包速度也提高了一倍以上。

　　打包文件的容量不到原始webpack的一半。

Vite是怎样工作的？

　　用作者的话说，就是直接要求。vue文件并让浏览器解析它。

　　最新版本的浏览器支持直接使用导入导出关键字，即浏览器开始原生支持模块功能，这也是Vite使用的特性之一。

　　更小的

　　当然啦！我在这里只修改了HelloWorld.vue文件。

　　然后我又修改了App.vue文件(别介意时间戳不一样，我只是不小心删了，然后就懒得重新开始了)

　　在这一点上，相比Webpack按需加载代码拆分的方式，Vite确实给了我快很多的体验。

最后

　　Vite很酷，但是目前的RC 1版本只适用于Vue3.x，不能使用与Vue3不兼容的库。(速度绝对比webpack快，各方面都是)

　　关于详细讲解Vite新体验的这篇文章到此为止。更多关于Vite新体验的信息，请搜索我们之前的文章或者继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。