Vite 6 已正式发布。
Vite(法语意为 "快速的",发音
/vit/
,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:
一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如速度快到惊人的模块热替换(HMR)。
一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。
Vite 6 是自 Vite 2 以来最重要的主要版本发布。该版本引入了处于实验性阶段的“环境API”(Environment API)。Environment API 是 Vite 6 中引入的一个实验性特性,它正式化了环境(Environments)的概念。这个 API 允许用户和框架作者根据生产环境中应用的工作方式,创建所需的多个环境。
它在 Vite 5.1 中以 "Vite Runtime API" 的名称首次引入,并在 Vite 6 中以实验性功能发布。
Environment API 解决了什么问题?
-
多环境支持:在 Vite 5 及之前版本中,只有两个隐式环境(客户端和可选的服务端渲染环境)。Environment API 允许创建多个环境,以更好地映射现代应用可能涉及的多个运行环境,如浏览器、Node 服务器和边缘服务器。
-
开发与构建之间的差距:Environment API 使得在开发和构建期间配置应用以适应所有环境成为可能,从而缩小了开发环境和生产环境之间的差异。
-
向后兼容性:尽管引入了新的环境概念,Vite 6 仍然保持了与 Vite 5 的向后兼容性,确保了平滑的迁移过程。
Vite 正在通过新的环境 API 变得更加灵活。这些新 API 将允许框架作者提供更接近生产环境的开发体验,并为生态系统共享新的构建模块。如果你正在构建一个 SPA,使用 Vite 的单一客户端环境,一切将如以往一样工作。即使对于自定义 SSR 应用,Vite 6 也向后兼容。环境 API 的主要目标受众是框架作者。
新版本主要变化
resolve.conditions
默认值- JSON 序列化
- 在 HTML 元素中扩展对资源引用的支持
- postcss-load-config
- Sass 现在默认使用现代 API
- 在"库"模式下自定义 CSS 输出文件名
- 以及更多仅影响少数用户的更改
下载地址:https://github.com/vitejs/docs-cn/releases/tag/v6.0.0