webpack和vite的区别？为什么选vite？

1.webpack和vite区别：

Webpack基于commonjs，先打包合并然后请求服务器，更改一个模块，其他有依赖关系的模块都会重新打包；
Vite基于es6module，自动向依赖的module发请求，服务端按需编译返回，改动一个模块仅仅会重新请求该模块；

2.为什么选vite作为构建工具？

3.脚手架用于初始化，构建工具用于编译阶段

脚手架：初始化；
有人帮你把这个开发过程中要用到的工具、环境都配置好了，你就可以方便地直接开始做开发，专注你的业务，而不用再花时间去配置这个开发环境，这个开发环境就是脚手架。
vue-cli/@vue-cli    create-vue（vue3专用）vite
构建工具：编译阶段
vite webpack
打包工具：
vite webpack rollup