什么是vite ？
vite一个由 vue 作者尤雨溪开发的 web 开发工具，它具有以下特点：
- 快速的冷启动
- 即时的模块热更新
- 真正的按需编译 作者尤雨溪发言：Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打包。虽然现在还比较粗糙，但这个方向我觉得是有潜力的，做得好可以彻底解决改一行代码等半天热更新的问题。因此可以看出 vite 主要特点是基于浏览器 native 的 ES module ES module 来开发，省略打包这个步骤，需要什么资源直接在浏览器里引入即可。
在用vite创建的项目里，在index.html中就有type="module"字眼，缺了这句话vite将无法识别import模块。
rollup：是在构建代码时，在使用ES6模块化的代码中，会对你的代码进行静态分析，只打包使用到的代码。这样的好处是减少代码的体积，该功能也在webpack 4得到了实现。 详情请见rollup中文官网
Webpack是什么?
简单来说，Webpack是一个打包工具。它可以帮助我们完成一些任务。比如js压缩、css压缩、编译模板文件等等，从而减少前端的工作量。当然，Webpack功能很强大，能帮我们完成的工作远远不止这些。 详情请见webpack文档
