关于vue3为何要使用Vite，什么是vite

一、什么是vite

vite是新一代前端构建工具，能够显著提升前端开发体验。他是使用rollup打包你的代码，是开箱即用的，同时也提供了丰富的插件api,带来了高度的可扩展性。可以构建vue，react 等项目

二、为什么Vue3不用webpack了，而用vite

①vite服务启动更快

webpack打包时必须优先抓取并构建你的整个应用，然后才能提供服务。所以对于大型项目当我们执行npm run serve时通常需要几分钟，即使是热更新甚至也需要几秒。
Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。依赖使用esbuild进行依赖预构建，源码就是我们代码中写的业务组件.vue,.ts文件等，是esmodule的形式，一方面浏览器可以直接解析esmodule,另一方面，我们可以通过动态导入，路由懒加载的方式，只有当路由跳转到对应页面才去加载该页面的资源。

这一点相信使用过Vite的人都能清楚地感受到，vite启动项目的速度快了webpack不止一个档次。

②vite服务热更新更快，它能精准定位到改动的文件

在 Vite 中，HMR 是在原生 ESM 上执行的。当编辑一个文件时&