Vite 2.9 发布，全新的前端构建工具

Vite 2.9 已发布。

主要更新内容：

• 提升冷启动速度
• 支持 CSS Sourcemaps
• 增强 Web Workers
• 面向插件和框架作者的新工具

提升冷启动速度

在 2.9 之前，Vite 首次在项目上运行 dev 需要执行扫描阶段以发现依赖关系，然后在启动服务器之前预先捆绑它们。在 2.9 中，扫描和预捆绑依赖项现在都是非阻塞的，因此服务器在冷启动期间会立即启动。

此外，现在还支持请求在管道中流动，从而提高初始冷启动加载速度，并在重新处理和让 Vite 填充模块图和浏览器处理文件时，增加了发现新的缺失依赖的机会。在许多情况下，当发现新的依赖关系时，也不需要完全重新加载页面。

实验性支持 CSS Sourcemaps

此功能目前处于实验性阶段，默认情况下禁用，以避免对不需要它的用户造成性能损失。若需启用，将css.devSourcemap 设置为 true。

增强 Web Workers

Web Workers 现在支持生成 source map，此外稳健性也有所提升，并修复了旧版本中的多个问题。

面向插件和框架作者的新工具

• Client Server Communication API
• importedCss and importedAssets to RenderedChunk type

• Optimize Custom Extensions (experimental)

详细内容查看 Changelog。

---

Vite（法语意思是 “快”，发音为 /vit/，类似 veet）是一种全新的前端构建工具。你可以把它理解为一个开箱即用的开发服务器 + 打包工具的组合，但是更轻更快。Vite 利用浏览器原生的 ES 模块支持和用编译到原生的语言开发的工具（如 esbuild）来提供一个快速且现代的开发体验。

Vite 有多快？在 Repl.it 上从零启动一个基于 Vite 的 React 应用，浏览器页面加载完毕的时候，CRA（create-react-app）甚至还没有装完依赖。

如果你还没听说过 Vite 到底是什么，可以到这里了解一下项目的设计初衷。如果你想要了解 Vite 跟其它一些类似的工具有什么区别，可以参考这里的对比。