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，而生产构建时使用其他工具。