1、启动快
- webpack 整个应用打包，项目越大越慢。
- vite es模块支持，按需提供源码，启动快。
2、按需编译
- webpack 修改一个地方，重新打包整个模块，时间长。
- vite 改哪里编译哪里，响应快。
3、支持es模块
- webpack 代码转成兼容格式，增加打包时间。
- vite 直接用浏览器的es模块，不用转换。
4、依赖预先构建
- webpack 每次都要重新处理依赖。
- vite 预先构建依赖项并缓存，提升加载速度
5、用现代浏览器特性
- webpack 需处理兼容问题。
- vite 用es模块和动态导入。
6、插件系统优化
- webpack 插件系统复杂，影响性能。
- vite 插件系统更轻量，性能开销更小。
7、开发和生产分离
- webpack 开发和生产使用相同机制，开发效率较低。
- vite 开发和生产环境使用不同策略，效率高。
