【vite】vite为什么比webpack快?

vite为什么比webpack快?我们举个例子

【vite】vite为什么比webpack快?_第1张图片

出现这个问题的原因是webpack的构建机制导致的

webpack开发构建的时候,他会默认构建你的所有页面,抓取整个应用以后提供服务,这就会导致,在你的项目中任何一个地方有一个错误(尽管你当前还未进入这个页面),这都会影响构建速度,因此你的项目越大,webpack构建时间就越长,启动速度就越慢

而对于vite来说,同样的错误,他只有进入到这个页面的时候才会出现错误提示,因为vite并不会在一开始就构建你的项目,而是会把应用分为【依赖】和【源码】,对于源码部分 他会根据【路由】来进行拆分,只构建一开始就必须构建的内容,同时vite以【原生ESM】的方式为浏览器提供源码,让浏览器承担了部分打包的工作,也正是因为这样的机制,不管你的项目有多大,他会先构建一开始必须要构建的内容,因此大大提升了构建的速度

【补充】

可能有人会疑问如果以原生esm的方式是不是以为着如果我们使用commonjs等方式无法构建?

官网给出了答案,vite会通过依赖预构建来解决这个问题

【vite】vite为什么比webpack快?_第2张图片

 

你可能感兴趣的:(vite,webpack,前端,javascript,vite)