1、what
vite是一个前端构建工具,目前vue3 极力推荐;
前端开发目前越来越复制,项目的构建是连孙猴子都逃不开的话题。
2、有了webpack干嘛还用弄个vite
webpack是一个JavaScript应用程序的静态模块打包工具,它会对整个应用程序进行依赖关系图构建。
但是webpack基于node.js开发出来的,项目“打包太慢了”,重在“构建和编译” ,关注点不在构建“项目”
3、vite关注点在项目
1、本身不编译,而是依赖于而他集成的esbuild(Go 编写) 预构建依赖,比node快 10-100 倍。
2、vite关注的项目打包,而不是某个“组件”打包,它集成它的编译能力只是集成了rollup和ESbuild的功能
3、对比webpack在dev-serve的时候,会提交所有编译的文件,而vite在dev-serve的时候利用了浏览器的native ES module功能,在浏览器请求对应的url时才提供文件,实现了根据路由的懒加载,所以启动的时候是超快的;
4、而vite热更新时,仅在浏览器重新请求改动过的模块js文件,就是部分文件,而webpack的热更新,全部编译一次,