vite做了什么
1不同的第三方包会有不同的导出方式,vite通过esbuild都转化为ESM模式
2对路径处理上可以使用。.vite/deps,方便路径重写
3叫做网络传输多包的性能问题,vite通过依赖预构建对每个包做了集成避免了这个问题
相比于webpack
vite在进行构建时会将代码分为两个部分,一部分是源码,一部分是我们项目中的第三方依赖,分别对其进行了优化
源码:
1.vite利用浏览器支持原生esm的特性,将代码解析的任务交给了浏览器,自己不需要进行打包,这样的话vite的构建速度和热跟新的速度就大大提升了。
依赖:(依赖于构建)
1.vite将第三方依赖全部转换为esm,Vite 将有许多内部模块的 ESM 依赖关系转换为单个模块,以提高后续页面加载性能。