Vite在速度上是如何胜过webpack的?

概述

vite自称下一代开发构建工具,相比webpack来说显著的优点是本地开发的时候能快速启动和更新。下面来说说为什么。

依赖原生esm的vite

webpack诞生的时候浏览器还没有提供模块化的功能,wabpck通过构建依赖图输出bundle来实现模块化以及按需加载,随着模块数量的增多打包需要的时间也越来越多 。而vite依赖于原生的esm是不需要输出bundle的,只是在服务端对请求的文件进行拦截处理,将文件拆解合并后直接返回，因此能省下不少的时间。