Vite 4.2 正式发布，前端构建工具

Vite（法语意为 “快速的”，发音/vit/同 “veet”）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

• 一个开发服务器，它基于原生 ES 模块提供了丰富的内建功能，如速度快到惊人的模块热更新（HMR）。

• 一套构建指令，它使用 Rollup 打包代码，并且是预配置的，可输出用于生产环境的高度优化过的静态资源。

Vite 意在提供开箱即用的配置，同时它的插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。

上周 Vite 正式发布了 4.2 版本，主要变化包括：

• 支持在 HTML 文件中替换环境变量

Vite 现在支持在 HTML 文件中替换环境变量。import.meta.env 中的任何属性都可以在具有特殊 %ENV_NAME% 语法的 HTML 文件中使用：

  <h1>Vite is running in %MODE%</h1>  <p>Using data from %VITE_API_URL%</p>

• 改进 Sourcemaps

Chrome 开发工具团队一直致力于改进开发工具中 Vite 的 DX 和 Vite 支持的框架。Vite 4.2 为框架作者带来了改进的体验和工具，可以使用 server.sourcemapIgnoreList 和 build.rollupOptions.output.sourcemapIgnoreList 从控制台日志跟踪中隐藏第三方代码并为用户构建工件。

• 支持 ESM 子路径导入

Vite 4.2 现在支持子路径导入。主要是采用了 resolve.exports 库。

• 支持 TypeScript 5
• esbuild 升级到 0.17
• 支持从 ‘vite’ 导入 type { Rollup }

详情查看 Changelog。