1. webpack服务器启动速度比vite慢
webpack是分析依赖=> 编译打包=> 交给本地服务器进行渲染,请求服务器时直接给予打包结果。
vite启动的时候不需要打包,也就无需分析模块依赖、编译,所以启动速度非常快。当浏览器请求需要的模块时,再对模块进行编译,这种按需动态编译的模式,极大缩短了编译时间,当项目越大,文件越多时,vite的开发时优势越明显
| webpack原理图 | vite原理图 |
|---|---|
2. webpack配置比vite
webpack有entry,output,加载器loader,plugins四个核心部分,在打包后,随着模块的增多,会造成打出的 bundle 体积过大,进而会造成热更新速度明显拖慢。
3. vite热更新比webpack快
vite在HRM方面,当某个模块内容改变时,让浏览器去重新请求该模块即可,而不是像webpack重新将该模块的所有依赖重新编译;