#Vite

与Webpack等传统的打包工具相比，Vite属于新一代的Bundless构建工具。

主要有两个优势：

• 基于浏览器内置ES Module实现，只在浏览器请求源码时进行转换并按需提供源码
• 借助esbuild超快的编译速度对第三方依赖进行预构建。这主要是因为依赖大多为在开发时不会变动，且处理代价较高，会存在多种模块化格式（例如ESM或者CommonJS）

#依赖预构建

Vite将应用中的模块区分为依赖和源码两类，会在首次启动Vite时，对依赖进行预构建。

主要有两个目的：

• CommonJS和UMD兼容性：Vite dev server将所有代码视为原生ES模块。因此，=须先将作为CommonJS或UMD发布的依赖项转换为ESM
• 性能：Vite会将有许多内部模块的ESM依赖关系转换为单个模块，以提高后续页面加载性能。