尤雨溪新公司官宣!Vite+ 正式开源,前端圈要变天了?

大家好,我是凌览。

如果本文能给你提供启发或帮助,欢迎动动小手指,一键三连(点赞评论转发),给我一些支持和鼓励谢谢。


3月13日深夜,尤雨溪在 X 上发了一条推文,宣布正式完成开源Vite+,并采用MIT许可证。

Vite+是什么

说白了,Vite+ 就是把 Vite、Vitest、Oxlint、Oxfmt、Rolldown、tsdown 这些工具捆一块儿,整成一套顺手的工具。开发、测试、扫代码、格式化、打包上线------整套活全部交给 Vite+ 统一调度。写网页总得有个 Node.js 和包管理器吧?Vite+ 连这些烂摊子也一并收了,本地开发的整条流水线它全包。

用上 Vite+,写网页这事儿变得省事、轻快、不那么臃肿了:

命令 功能
vp env Node.js 版本管理,全局或按项目隔离都行
vp install 装依赖,自动识别并调用合适的包管理器
vp dev 启动 Vite 开发服务器,原生 ES 模块 + 秒级热更新
vp check Oxlint 扫代码、Oxfmt 自动格式化、tsgo 类型检查,一趟水走完
vp test 集成 Vitest,跑测试反馈飞快
vp build Rolldown + Oxc 构建,产出优化后的生产包
vp run Monorepo 任务调度,自动缓存、智能解析依赖顺序
vp pack 库发 npm 或应用打独立二进制包,二选一
vp create 脚手架搭新项目或 Monorepo,推荐配置开箱即用

这些命令开箱就能配合着用,项目根目录丢一个配置文件就行。Vite 生态里的框架------React、Vue、Svelte,或者那些基于 Vite 的元框架------统统兼容。

Vite+想解决的核心问题

前端圈工具碎片化。开发一个项目,Vite 管开发服务器,Webpack 或 Rollup 管生产打包,ESLint 扫代码毛病,Prettier 管格式化,Jest 或 Vitest 跑测试。每个工具都有自己的命令、自己的插件生态、自己的配置语法,工具间各干各的,互不搭理。需要在终端里切来切去,窗口越开越多,脑子里的上下文也跟着切来切去,累。

配置烦琐。项目根目录堆满 .eslintrc.prettierrcwebpack.config.jstsconfig.jsonjest.config.js......改个代码风格规则,得翻五六处文件;升级个工具版本,要逐个检查兼容性,一不留神就连环炸。新人入职第一天,光读这些配置就能读懵,还没写业务代码先被环境劝退。

性能是老毛病。ESLint、Prettier 这些基于 Node.js 的工具,项目文件一多,跑起来像老牛拉车。本地提交前格式化几十个文件,进度条看得人焦虑;CI 流水线里等 lint 结果,能泡完一杯咖啡。你说换个 Rust 写的工具吧,又得单独装、单独配,麻烦没减多少。

环境管理也乱。团队里有人用 nvm,有人用 fnm,有人干脆 brew 装 Node;包管理器更是 npm、yarn、pnpm 三足鼎立。

有了 Vite+ 就是一把梭,一个 vp 命令,一份 vite.config.ts。全程由 Vite+ 自动管环境、自动挑包管理器、自动算缓存。

把整条流水线串顺了,让人少折腾,把精力放回写代码本身。

现阶段的问题

Vite+ 听着很美,但坑也不少。

  • Alpha 版本**。** v0.1.11,API 说变就变,生产环境别急着上。官方自己都说了,迁移完还得手动调,不是一键搞定。
  • 工具拧成一股绳,配置少了,但一出问题全链受影响。以前 ESLint 崩了不影响打包,以后可不好说。
  • 生态适配慢。理论上兼容 Vite 插件,实际跑起来边界情况一堆,社区插件跟进需要时间,现在冲进去容易当踩坑先锋。
  • npm、pnpm、yarn 各有各的脾气,Vite+ 想自动接管,老旧仓库、私有 registry、复杂 workspace 能不能接住,还得观察。

尝鲜可以,押注还早。

最后

Vite+ 是前端工具链的一次激进整合,Rust 重写提速,一个 vp 命令管全套。

尤雨溪团队从 Vue 到 Vite 再到 Vite+,确实一直在革前端的命。现在还是 Alpha,饼画得香,坑也不少。搬好小板凳,先看它能不能活到正式版。

Vite+官网:viteplus.dev/guide/

相关推荐
Highcharts.js2 小时前
在 Highcharts 中实现 Marimekko可变宽度图|示例教程
javascript·highcharts·图表开发·可视化图表库·可变宽图
We་ct2 小时前
LeetCode 22. 括号生成:DFS回溯解法详解
前端·数据结构·算法·leetcode·typescript·深度优先·回溯
zuoerjinshu2 小时前
【spring专题】编译spring5.3源码
java·后端·spring
JavaGuide2 小时前
鹅厂面试:SELECT * 一定导致索引失效?常见索引失效场景有哪些?
java·数据库·后端·mysql·大厂面试
Mr_Mao2 小时前
什么?我居然在 React 用 Pinia?
前端
老虎06272 小时前
ECharts 基础与折线图
前端·echarts
2401_895521342 小时前
springboot集成onlyoffice(部署+开发)
java·spring boot·后端
程序员小假2 小时前
你分得清 Prompt、Agent、Function Call、Skill、MCP 吗?
java·后端