原理对比
Webpack启动的时候,要根据
entry
找到所有的依赖??椋缓蠖源虢?strong>编译、打包、压缩的。所以Webpack是bundle based dev server
Vite的核心思想是:利用浏览器的能力,将解析依赖和获取JS??榈墓ぞ呓桓榔魅プ觥?strong>本地服务器支队??榻谢镜膖ransform,减少了分析依赖跟源码打包的成本。因此,Vite的原理是
Native ESM based dev server
Vite 就一定比Webpack 快吗?
并不是!以下是开发模式下的对比:
Vite启动非???/strong>,因为他是
Native ESM based dev server
的原理,把部分在webpack启动时做的工作,交给了浏览器去做了。Vite 首次启动加载慢。因为模块以ES6原生的??榧釉鼗频姆绞奖讳榔骷釉?,没有对代码进行打包跟压缩处理,因此请求数会更多,下载文件也会更大。
Vite是牺牲了页面首次加载时间来加快项目启动时间,但是仅仅是首次!Vite的第二次启动是会有缓存的。
未完...