一.了解vite的不同版本的更新
- vite1版本是基于vue项目的,无法跨框架使用
- vite2可以跨框架(vue2,vue3,react)
- vite3模板变更;vite cli优化;import.meta.glob API变化;其他
- vite4主版本主要目标是升级到***Rollup 3;***从 Vite core monorepo 中移出;有两个插件可用于不同的 React 项目;.css默认导出被弃用;其他
二.了解vite创建的vue的版本号
在package.json文件中 dependencies 对应vue的版本
三.了解vite与webpack的区别
开发模式不同
webpack在开发模式下依然会对所有的模块进行打包操作,在大型项目中可能出现更新和编译缓慢的问题;
vite采用基于ES Module的开发服务器,只有在需要时才编译对应的模块,大幅提升了开发环境的响应速度。
打包效率不同
webpack打包时,会把所有所有模块打包成一个bundle,会导致初次加载速度比较慢;
vite利用浏览器对ES Module的原生支持,只打包和缓存实际改动的模块,极大提高打包效率
插件生态不同
webpack插件生态比较丰富;
vite相比webpack显得较为稀少
配置复杂度不同
webpack配置相对复杂,对新手不够友好;
vite在设计上注重开箱即用,大部分场景下用户无需自己写配置文件
热更新机制不同
webpack的热更新需要整个模块链重新打包和替换,对于大型项目可能会有延迟;
vite的热更新则只会针对改动的模块进行更新,提高了更新速度