解决问题

项目越来越大，JavaScript 代码量指数级增长，开发服务器启动缓慢，影响开发效率

特点

• 开发时效率极高
• 开箱即用，功能完备
• 社区丰富，兼容rollup
• 超高速热重载
• 预设应用和类库打包模式
• 和前端类库无关，可适配vue/react 以及其他前端框架

• esbuild预构建、rollup打包

  Vite的使用

• 各种前端框架的集成

• css、图片、Wasm之类的第三方资源加载
• Typescript、JSX不同语法集成
• glob import
• 预编译文件

• 后端集成

  对比其他构建工具（webpack、rollup）

• High Level API（更关注项目开发：方便、快速）

• 不包含自己的编译能力（编译能力源自于esbuild、rollup）

• 完全基于ESM加载方式的开发时

  减少的工作（vite 内置了基本配置）

• dev server

• 各类loader

• build命令

  开发服务器启用优化

• Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。

• Vite 将会使用 esbuild 预构建依赖
• Vite 以 原生 ESM 方式提供源码