Vue CLI 是 Vite 的垫脚石，Vite 的目标不仅仅是替代 Vue CLI

2023-09-09 22:17:01

上周（2021.2.18），尤大发布了 Vite 2.0。紧跟尤大动态的童鞋应该都知道，2021 以来，尤大对 Vite 有多看重。日更频率的提交 - commit 详情嗦嘎，我们都知道，在 Vue CLI 项目，每次 npm run dev 或 npm run build 的时候，都会经历漫长的等待，或者是 verbose 的各种输出，尤大铁定忍受不了。所以 Vite 应运而生。
“构建工具千千万，唯有 Vite 最浪漫”。Vite 作为新晋网红，凭借着开箱即用的 ESM 支持、极快的启动速度、代码分割等等特性，成为了 2021 年最具潜力的前端构建工具。

Vite 快速取代 Vue CLI 成为新一代的 Vue 官方推荐构建工具，Vite 有望替代 Vue CLI，成为 Vue.js 生态新的开发标准。然而，这只是 Vue CLI 的“官方”替代品。

Vite 的目标不仅仅是替代 Vue CLI，它想成为一个通用的前端构建工具，可以用于构建任何类型的 Web 应用程序，不仅仅局限于 Vue.js 应用程序。这意味着它将与 webpack、Rollup 等其他流行的前端构建工具竞争。

Vue CLI 和 Vite 的目标不同，它们各有优缺点。Vue CLI 是一个更成熟、更全面的前端构建工具，它提供了更多的功能和选项。Vite 是一个更现代、更轻量的前端构建工具，它更易于使用，并且可以更快地构建应用程序。

总的来说，Vite 是一个很有前景的前端构建工具，它有望成为下一个主流的前端构建工具。但是，它还处于早期开发阶段，它是否能够取代 Vue CLI，还有待时间的检验。

Vue CLI 和 Vite 的比较

特性	Vue CLI	Vite
目标	用于构建 Vue.js 应用程序	用于构建任何类型的 Web 应用程序
功能	更全面	更轻量
选项	更多	更少
易用性	更难	更容易
构建速度	更慢	更快

Vite 的优势

更快的构建速度： Vite 使用 rollup 作为打包工具，而 rollup 是一个非常快的打包工具。因此，Vite 的构建速度比 Vue CLI 快得多。
更易于使用： Vite 的配置非常简单，只需要很少的配置就可以构建一个 Vue.js 应用程序。
开箱即用的 ESM 支持： Vite 支持开箱即用的 ESM，这使得它可以轻松地与其他 ESM 模块一起使用。
代码分割： Vite 支持代码分割，这使得它可以将应用程序拆分成更小的块，从而减少初始加载时间。