为什么 Webpack 的指导位置逐渐被 取代 Vite

Hello，大家好，我是 Sunday。

说瞎话，多年来，JavaScript 打包工具之王不时是 Webpack。它为历史上一些最复杂、性能最高的 Web 运行程序提供了允许。

但是，就像技术畛域的其余一切一样，新的介入者不时涌现，应战现状。Vite 正是为此而生，它是一款陈腐、加快且越来越受欢迎的打包工具，吸引了泛滥开发者的留意并扭转了他们的命运。

那么当天，我们就来看看 webpack 和 vite 的历史与过往。我们将深化讨论为什么 Webpack 在占据主导位置多年后逐渐失宠，以及为什么我和许多开发者开局转向 Vite。此外，我们还会讨论 Webpack 在当今这个加快变动的环球中还能开掘哪些后劲。

Webpack 的崛起与统治

自 2012 年颁布以来，Webpack 已成为 JavaScript 打包工具的规范。其弱小的加载器和插件生态系统，让它性能弱小且用途宽泛。

过去六年里，我不时是 Webpack 的虔诚拥趸。记得第一次性接触 Webpack 时，我对它的性能感到兴奋。它不只可以打包 JavaScript，还可以处置 CSS、图像和字体，这在过后是一项反派性的性能。其模块化设计和依赖治感性能，使 Webpack 成为复杂运行程序的现实选用。

效率与顺应性 ⚡

Webpack 的受欢迎水平局部归功于它的多性能性和性能。无论你须要宰割包、优化图片，还是其余初级需求，Webpack 都能满足。这种“瑞士军刀”式的工具让它成为开发者们的必备之选。

但弱小的性能往往随同着渺小的复杂性。随着名目标复杂化，Webpack 的性能文件也变得愈加庞大，学习曲线变得峻峭。我经常发现自己花在调试 Webpack 上的期间，远超开发运行的期间。

Webpack 的应战

为了更好地理解我所阅历的应战，我们来看看一些实践的数字：

这些数字虽然不算惊人，但随着名目规模的扩展，期间消耗会逐渐累积，影响开发者的上班效率。

Vite 的发生

2020 年，Vite 横空入世。这是 Vue.js 创作者尤雨溪推出的一个新构建工具。

初看之下，Vite 仿佛只是另一个打包工具，但它的速度和简便性使其迅速锋芒毕露，吸引了泛滥开发者。

速度的优化

Vite 的速度真实惊人。不同于 Webpack 经过一个大型包来处置一切内容，Vite 应用 ES 模块 (ESM) 在开发环节中间接提供源文件。

这象征着无需在开发环节中启动打包，从而成功近乎即时的热模块交流 (HMR)。对我来说，这是一个渺小的扭转。每次启动更改时，我再也不用期待几秒钟甚至几分钟来重建了。

Vite 的数字对比

以下是 Vite 与 Webpack 的对比数据：

便捷易用