为何要使用Vite
Q.构建工具要解决哪些问题？
A.模块化需求、兼容浏览器、编译高级语法、线上代码的质量、开发效率
Q.构建工具怎么解决这些问题？
A.模块化：提供模块加载方案，并兼容不容的模块规范
语法转译：配合Sass、TSC、Babel等前端工具链
产物质量：对代码进行压缩、混淆，通过TreeShaking删除未使用的代码，语法降价兼容浏览器
Q.为什么选择Vite构建？
A.拥有成熟的社区
构建速度快、热更新快（毫秒级）
模块化基于浏览器原生ESM的支持实现模块加载
内置对高级语法支持，加载各种资源
基于成熟的打包工具Rollup实现生产环境的打包
Q.为什么Vite构建快、加载快？
A.提倡no-bundle概念，利用ES Module得到现代浏览器内置支持，按需进行依赖加载和模块解析，
而不是通过传统构建模式进行项目整体打包
简单的搭建Vite
1.搭建环境前先查看依赖node、npm是否安装
node - v
npm -v
2.项目初始化
npm create vite
输入项目名称 / 选择前端框架 / 选择开发语言
3.找到生成的项目目录，拉取依赖，执行启动命令
4.Vite初始化之后的项目目录，与webpack打包的项目目录有些许的差异，Vite的入口文件index.html是在根目录下生成的，webpack则是在public下的index.html。在vite的html文件里除了根节点，还声明了一个type="module"的script标签，这就是上述提到的ES Module。
5.Vite本地开发服务的内部工作流程
最后
由于目前开发的项目文件数量日益增长，启动编译和热加载影响了开发效率，浅学一下Vite。
