自从 Vite 上次出现在 radar 以来,它的影响力在进一步提升。作为一个高性能的前端构建工具,Vite 提供了快速热重载的特性。它正在被众多前端框架采用并推荐为默认选择,比如 Vue, SvelteKit,以及最近 废弃了 create-react-app的 React。此外 Vite 最近获得了重大投资,这促成了VoidZero 的成立。VoidZero 是一个专注于 Vite 发展的组织,这笔投资预计将加速 Vite 的开发,并提升其项目的长期可持续性。
Vite 是一款前端构建工具,在之前的技术雷达被评为评估级别后变得更加成熟与流行。它迅速地成为了我们许多团队开始前端项目时的默认选择。Vite 提供了一套基于浏览器内 ES 模块的应用的构建,打包和依赖管理工具。因为它利用了 esbuild 原生的速度和 Rollup 进行打包, Vite 显著地提升了前端开发体验。此外,当与 React 一起使用时,Vite 为广泛使用却缺乏维护的 Create React App 提供了一个有吸引力的替代品。Vite 依赖于 ES 模块,不同于大多数旧工具,它不提供 shim 和 polyfills,这表示它不兼容那些不支持 ES 模块的旧浏览器。如果要支持旧浏览器,我们的某些团队会在模块层导入 polyfills 来让 Vite 能在多个环境都能使用。
快速反馈是优质开发体验的关键。代码更改后,得到反馈前等待的一两分钟可谓最影响开发流程的。可惜随着应用规模和复杂性的增长,流行的前端构建工具大多已经不够快了。之前我们介绍了esbuild,它通过编译为本机语言而非JavaScript来实现,显著地改善了性能。Vite基于esbuild构建,相比其他工具带来了重大改进。它主要由两个部分组成:一个开发服务器,基于原生ES模块提供了丰富的内建功能,如极快的模块热更新(HMR);以及一套构建指令,它使用Rollup打包你的代码。不同于大多数旧工具,Vite依赖于ES模块,它不提供shim和polyfills,这表示它不兼容那些不支持ES模块的旧浏览器。如果要支持旧浏览器,我们部分团队会在开发时使用Vite,而生产构建时使用其他工具。