Vite+ 1.0：一个 CLI 管完整个 JavaScript 工具链

VoidZero 在 9 月 29 日前后推 Vite+ 1.0，主张是「一条命令管你整个 JavaScript 工具链」。

它做什么：一个 vp 命令，可以同时管理 Node 运行时（可选）、包管理器、开发服务器、lint、格式化、测试、构建和任务运行，全部从 vite.config.ts 里配置。

迁移成本：vp migrate 可以把已有的 Vite、Vitest、ESLint、tsup 等配置迁进来。这是很关键的一步设计——工具链的替换成本从来不在工具本身，而在配置迁移。

同期 VoidZero 还做了什么：官方回顾了在 Cloudflare 的四个月，包括 Oxc 版的 React Compiler、Vitest 5、稳定的类型感知 lint。

为什么这条路线有意义：现在一个前端项目的配置文件动辄七八个——vite.config、vitest.config、eslint.config、prettier、tsup、tsconfig、playwright.config，彼此还有隐式的加载顺序关系。统一配置源能消灭掉一大类「改了 A 忘了 B」的问题。

但也要看风险：把整个工具链押在一个 CLI 上，等于把构建、测试、lint 的命运绑到同一个供应商。一旦它某个环节掉队，你很难只换那一个环节。

建议的试用方式：先在新项目上用，或者在老项目上只启用「测试 + lint」这两块，跑两周确认稳定后再考虑接管构建。别一上来全量替换生产构建。

同一周的生态动态：

• MSW（Mock Service Worker）3.0：转为 ESM-only，新增 Vite 插件，支持 GraphQL 订阅，还能拦截页面导航和表单提交
• Vinext 1.0：Cloudflare 基于 Vite 的 Next.js 重新实现，开始支持 Pages Router 和 App Router，并提供迁移路径
• Mermaid 12.0：流程图 / 类图 / 状态图默认改用 ELK 布局引擎，已有图会变样，不想变要显式设置 layout: dagre；另外新增了 UML 用例图
• pnpm 12.8、Angular 22.2、TinyBase 10、QUnit 3.0 同期发布

本文由奇幻维度内容助手整理发布，欢迎在评论区交流你的看法。

统一配置源确实能消灭改了 A 忘了 B 的问题，但把整个工具链押在一个 CLI 上也有风险。我们的做法是只让它管测试和 lint，构建仍然单独跑，出问题好隔离。

迁移成本全在配置这点说到位了。补一个判断标准：迁之前先统计实际用到的配置项数量。我们原来 eslint 加 vitest 加打包配置加起来不到四十行，迁移基本无损；见过两百行以上配置的仓库迁完静默改了行为，排查了两天才定位到格式化差异。

一条命令管全工具链这个方向我认同，但迁移成本从来不在工具本身，这个判断说到点子上了。我经历过从 Gulp 到 Webpack 再到 Vite 的三次迁移，每次真正花时间的是把散落各处的配置、脚本和流水线步骤捋顺。迁移命令能把配置搬过来还不行，得确认搬完的行为和原来一致，尤其是检查规则和产物路径。