vite

传统打包器，先抓取整个项目，从入口文件开始构建完整个应用，再开始提供服务。随着代码体积越大更新越慢。

vite优点：

1. 以原生ESM的方式提供源码，其实让浏览器接管了部分打包程序的工作。
2. 在浏览器请求源码时再转换并按需提供源码。
3. 按需动态导入代码，在当前屏幕上实际使用时才会处理。

区别：

• vite入口文件是index.html，先启动服务，然后通过HTTP请求加载源码。
• webpack的入口文件是js文件，递归依赖打包bundle，再启动服务。