河池城乡住房和建设局网站微信朋友圈推广软文

一.了解vite的不同版本的更新

1. vite1版本是基于vue项目的，无法跨框架使用
2. vite2可以跨框架（vue2，vue3，react）
3. vite3模板变更；vite cli优化；import.meta.glob API变化；其他
4. vite4主版本主要目标是升级到Rollup 3；从 Vite core monorepo 中移出；有两个插件可用于不同的 React 项目；.css默认导出被弃用；其他

二.了解vite创建的vue的版本号

在package.json文件中  dependencies 对应vue的版本

三.了解vite与webpack的区别

1. 开发模式不同

        webpack在开发模式下依然会对所有的模块进行打包操作，在大型项目中可能出现更新和编译缓慢的问题；

        vite采用基于ES Module的开发服务器，只有在需要时才编译对应的模块，大幅提升了开发环境的响应速度。

1. 打包效率不同

        webpack打包时，会把所有所有模块打包成一个bundle，会导致初次加载速度比较慢；

        vite利用浏览器对ES Module的原生支持，只打包和缓存实际改动的模块，极大提高打包效率

1. 插件生态不同

        webpack插件生态比较丰富；

        vite相比webpack显得较为稀少

1. 配置复杂度不同

       webpack配置相对复杂，对新手不够友好；

       vite在设计上注重开箱即用，大部分场景下用户无需自己写配置文件

1. 热更新机制不同

       webpack的热更新需要整个模块链重新打包和替换，对于大型项目可能会有延迟；

       vite的热更新则只会针对改动的模块进行更新，提高了更新速度

总结：vite快速开发的体验，简单易用，集成vue.js；但复杂项目要自行配置，对其他框架支持不够完善，遇到复杂依赖加载速度还是比较慢