第一次用 Vite 跑 Vue 项目,最强烈的感受不是新,而是终于不用一直等

0 阅读

我第一次真正对 Vite 上心,不是因为它是个新工具,而是因为我当时手上的一个 Vue 项目,开发体验已经被等待感拖得很明显了。

那个项目是典型的后台系统。页面不算特别花哨,但模块很多,表单、表格、弹窗、权限、图表、富文本都有。项目刚起的时候,Vue CLI 配 Webpack 跑得挺稳,谁也没觉得有什么问题。可越往后做,团队对开发环境的抱怨越多,而且大家抱怨的不是“不能用”,而是“总得等一下”。

启动要等。 切分支后重启要等。 改个样式保存要等。 偶尔热更新失效,再等。

这种等待单看都不算灾难,可它分散在一天里几十次操作中,最后会把人磨得很烦。尤其是做页面微调的时候,明明只是想看个字号或间距变化,却得不断在保存和刷新之间停顿。

我当时并不是真的想“换工具链”

说实话,2020 那会儿我对“再来一个新工具”没有特别强的热情。

因为从项目角度看,Webpack 并不差:

  • 配置成熟
  • 生态足够全
  • Vue CLI 也很顺手

问题主要不在功能,而在开发过程里的反馈速度。

所以我最开始看 Vite,不是因为想追新,而是因为它正好踩在了那个痛点上。大家讨论它快,我就真的想知道,到底是“宣传里的快”,还是那种开发时一上手就能感受到的快。

第一次跑起来时,最直观的感受不是理念,而是轻

我还记得第一次拿一个小 Vue 页面试跑 Vite 的感觉。不是说配置多神奇,也不是说 API 多颠覆,而是那种很直接的轻快感一下子就出来了。

以前习惯了先启动一套 bundler,再等它把东西准备好。Vite 给人的第一反应则是:怎么这么快就起来了?

再改一个组件试一下,热更新的反馈也明显更利落。

这种体验不是靠 benchmark 才能说明的,它是开发者每天都能感知到的东西。尤其当你已经习惯“保存之后等一小会儿”这种节奏时,那种几乎立刻看到变化的感觉会很强。

后来我才慢慢理解,它打动人的不是“新”,而是它瞄准了一个长期被忽视的问题

很多前端工具都在强调能力完整、插件丰富、配置灵活。这些当然重要,但开发环境里的等待问题,过去经常被默认成“没办法,只能忍”。

Vite 让我第一次明显感觉到:这件事原来不是只能忍着。

它之所以会让很多 Vue 开发者迅速有反应,不是因为大家突然厌倦了 Webpack,而是因为我们都已经在真实项目里对那种启动慢、热更新钝的体验积累了足够多的不耐烦。

我没有马上迁项目,但我对工具链的判断开始变了

那次试完之后,我并没有立刻把手头的大项目迁过去。原因很现实:

  • 旧项目的自定义配置很多
  • 构建脚本和部署流程已经跑顺了
  • 当时 Vite 还很新,不适合轻易全量切

但它还是改变了我对工具链的一些判断。

以前我更容易把开发工具看成“只要能跑就行”的基础设施。那次之后,我开始更认真地看待开发反馈本身。因为它并不是次要体验,而是每天都在影响写代码节奏的核心部分。

一个工具链如果让你每天多等几十次,每次只多几秒,最后吞掉的不是时间总量那么简单,还有注意力和耐心。

为什么 Vue 开发者会特别关注它

Vite 是 Evan You 发起的项目,这当然会天然吸引 Vue 社区的注意力。但我后来越来越觉得,真正让它被讨论起来的,不是“出身”,而是它刚好回应了 Vue 工程实践里一个持续存在的问题。

Vue 一直强调开发体验,这也是很多人喜欢它的原因。那当开发环境本身开始拖后腿时,大家自然会对一种更轻、更快的方案特别敏感。

换句话说,Vite 不是凭空冒出来的热点,它更像是对长期积累的不满给出的一个回答。

回头看,那次体验给我留下的感受其实很朴素

我现在再回想第一次接触 Vite,印象最深的不是它做了多少“革命性改变”,而是它让我重新感受到前端开发本来可以更顺。

很多工具发布时都会讲愿景、讲架构、讲趋势,这些都值得看。但真正让开发者决定继续用下去的,往往还是那种非常朴素的体验:

  • 我改完代码能不能更快看到结果
  • 我每天是不是少被打断一点
  • 我是不是终于不用一直等

写在最后

Vite 在 2020 这个时间点最吸引我的地方,从来都不是“它很新”,而是它把开发过程里那种长期存在但经常被忽略的等待感,正面拿出来解决了。

它未必会立刻替掉所有工具链,但它至少让人意识到,开发环境的迟钝并不是只能接受的现实。对 Vue 开发者来说,这种感受很直接,也很难假装没发生过。