vite8相对于vite7否更新哪些东西？

下面给你系统性拆解 Vite 8 相比 Vite 7 的所有关键更新架构级 功能级 行为变更我会按“重要程度”“是否破坏性”来讲方便你快速理解升级价值 一、最核心变化架构级最重要1️⃣ 单一构建引擎Rolldown 取代 esbuild Rollup 这是 Vite 8 最大变化可以说是 Vite 2 以来最重大的改动Vite 7旧架构devesbuild快buildRollup稳定❗问题两套工具链 → 行为不一致Vite 8新架构全部统一为RolldownRust 写的 bundlerOxcJS 编译器Lightning CSSCSS 处理 带来的变化dev / build 行为完全一致工具链统一解析 / transform / minify 同一套插件执行路径一致 官方明确说明这是“统一整个工具链” (vitejs)2️⃣ 构建性能大幅提升质变级实测提升 10x ~ 30x极端场景 (蘇我Webスタジオ)常见项目30% ~ 60% 提升 (vitejs)原因RustRolldown替代 JS 工具链Oxc 比 Babel / esbuild 更快更强 tree-shaking语义分析3️⃣ Dev / Build 行为一致性非常关键Vite 7 最大坑“开发能跑build 后炸”Vite 8同一个 bundler同一解析逻辑同一插件执行链 这个对大型项目非常重要 二、功能级新增能力4️⃣ 内置 tsconfig paths 支持以前import xxx from /components/xxx需要vite-tsconfig-paths 插件现在✅ 内置支持开箱即用 (gihyo.jp)5️⃣ 支持 emitDecoratorMetadata TS 装饰器元数据支持适用于NestJSclass-validatorIoC 容器 以前需要额外处理现在内建支持 (gihyo.jp)6️⃣ 更强 Tree Shaking基于 Oxc语义级分析不是简单 AST更精准 dead code elimination 结果bundle 更小side-effect 判断更准确7️⃣ CSS 处理升级Lightning CSS变化内置 CSS 压缩不再依赖 PostCSS 插件更快 更标准8️⃣ React 插件变化重要vitejs/plugin-react使用Oxc 替代 Babel部分能力 带来更快刷新Fast Refresh编译更快但某些 Babel 插件可能受影响⚙️ 三、默认行为变化有破坏性9️⃣ 浏览器兼容目标提升默认 target 更新浏览器Vite 7Vite 8Chrome107111Firefox104114Safari16.016.4 意味着更现代 JS更少 polyfill❗老浏览器兼容性下降 (vitejs) Node 版本要求提升 Vite 8 要求Node 20或更高社区反馈 (Reddit)11️⃣ 配置项变化Rollup → Rolldown部分字段变化// Vite 7 build.rollupOptions // Vite 8 build.rolldownOptions 需要改配置12️⃣ 安装体积变大原因Rolldown binaryLightning CSS 大约增加15MB (Reddit) 四、生态 迁移相关13️⃣ 插件兼容层很关键 Vite 8 做了兼容Rollup 插件基本可用自动转换层 但某些边缘插件可能失效14️⃣ 提供渐进迁移方案官方推荐方式1直接升级npm install vite8方式2推荐大项目vite 7 → rolldown-vite → vite 8 可以拆分风险 (vitejs) 总结对比核心差异维度Vite 7Vite 8架构esbuild RollupRolldown统一性能快 极快10x级一致性dev/build 不一致✅ 完全一致TS 路径插件内置装饰器手动内置CSSPostCSSLightning CSSTree-shaking一般更强Node 要求16/1820浏览器支持较旧更现代 一句话总结Vite 8 本质不是“小升级”而是“底层重写 工具链统一”可以理解为从「拼装工具」→「一体化构建平台」