当前位置: 首页 > news >正文

vite7更新了哪些内容

✅ Vite 7 的主要更新

  1. Node.js 支持要求提升
    Vite 7 要求 Node.js 20.19+ 或 22.12+,已不再支持 Node.js 18。(vitejs)
    原因:为了能够将 Vite 本身以 ESM(ES 模块)形式发布,并利用 require(esm) 无需额外 flag。(vitejs)

  2. 默认浏览器目标(build.target)改变
    默认 build.target'modules''baseline-widely-available'
    对应最低浏览器版本约为:Chrome 107、Edge 107、Firefox 104、Safari 16.0。(Zenn)
    这意味着:默认编译输出会 略微放弃对极旧浏览器的最宽泛兼容,换来 “更确定且现代” 的目标。(vitejs)

  3. 引入 Rust 编写的新一代打包器(Rolldown)
    虽然在 7.0 中尚未完全替代原有打包器,但可以通过 rolldown-vite 包试用。官方表示未来将成为默认打包器。(Zenn)
    对开发者的意义:对于大型项目而言,构建/打包速度有望得到改善。

  4. 环境 API(Environment API)进一步增强
    在 6.x 中引入的实验性环境 API 在 7.0 中继续增强,比如新增了 buildApp 钩子,供插件或框架作者使用。(Medium)
    对你这种有后端、前端集成经验、用 React/Vue 的项目而言,如果你用到插件、定制构建流程,可能有新机会或需适配。

  5. 废弃/移除一些已标为弃用的特性
    比如:移除了对 Sass 旧 API 的支持(legacy API),移除 splitVendorChunkPlugin。(Zenn)
    意味着:如果你的项目还在用这些旧特性,需要提前检查并重构。

  6. 生态工具兼容更新
    — Vitest 3.2 及以上才支持 Vite 7。(Zenn)
    — 插件生态开始适配 Vite 7,例如 Cloudflare Vite Plugin 已声明支持 Vite 7。(Cloudflare Docs)
    所以:你使用的 React/Vue 相关插件也要检查是否兼容。


🧩 对你项目的关联与需要注意的地方

考虑到你目前的背景(React/Vue、TS、前后端经验丰富、项目中有 Excel、PDF、ECharts、Axios 等技术栈),以下几点你可能特别要关心:

  • Node 版本:首先确认你的开发环境及 CI 环境是否满足 Node 20.19+ 或 22.12+。如果目前还在 Node 18 或更低,需要先升级。

  • 浏览器目标影响:你的项目如果还需要支持较旧设备(比如 Safari 14以下、旧版 Firefox/IE),需要手动在 vite.config.ts 中指定更低的 build.target,因为默认已提升。

  • 打包器迁移风险/机会:如果项目规模较大(你提到有性能平台、Excel、PDF、ECharts 等业务),可以尝试使用 rolldown-vite 看看构建速度提升。但这可能还涉及插件兼容性、配置适配。

  • 插件兼容性:检查你使用的 Vite 插件(如针对于 React、Vue、Excel/PDF、ECharts 插件、Ant Design 的 Vite 插件等)是否已明确支持 Vite 7。尤其是测试工具(Vitest)版本是否满足。

  • 已弃用特性清查:确认项目中未使用 Sass 的 legacy API、未依赖 splitVendorChunkPlugin。如果使用,需要改写。

  • TypeScript 类型及定义:Vite 在 minor/major 版本中可能调整 TS 定义。你项目中 TS 类型配置、React/Vue 的类型兼容也需测试。(vitejs)

  • 迁移成本 vs 收益:鉴于你在性能平台开发且用到大量技术栈,建议先在非生产分支做测试升级,验证构建流程、插件、输出产物(尤其 PDF/Excel 相关的打包与运行)是否正常。


🔍 升级步骤建议

  1. 在项目里创建分支(如 upgrade/vite-7)。

  2. 升级 vite@^7.0.0,并确保 Node 版本满足。

  3. 查看官方迁移指南 → [迁移指南链接](博客中有链接)(vitejs)

  4. 检查 vite.config.ts 中的 build.target、插件配置,确认是否需要修改。

  5. 执行构建、运行 dev 模式、检查关键功能(如你项目中的 Excel 导出、PDF 下载、ECharts 缩放、React/Vue 路由、Ant Design 表格等)是否正常。

  6. 更新依赖:确保所有插件版本都兼容 Vite 7。对于测试工具(如 Vitest)也升级。

  7. 特殊关注打包体积、构建速度、页面加载 /热重载(HMR)效果,看是否有改善或异常。

  8. 最后,在主分支合入前,确保 CI/CD 流程无误,生产环境部署前做好回滚计划。

http://www.dtcms.com/a/610271.html

相关文章:

  • Aemulo2.0门禁卡复制卡片后修改设置卡片备注名称
  • IP应用场景全图谱:你的IP属于哪一类?
  • 微网站开发 在线商城一键部署wordpress
  • Rust实战:使用Clap和Tokio构建现代CLI应用
  • 中移建设有限公司网站猎头可以做单的网站
  • PostIn V1.3.4版本发布,新增性能测试执行明细,ldap/企业微信/钉钉登录调整为社区版本功能
  • MySQL——表的约束
  • springboot对接xxl-job
  • 企业百度网站建设网络策划是做什么的
  • 网站项目开发流程有哪七步网站素材 按钮
  • Spring Boot 全局异常处理 + 参数校验进阶:让接口告别 “500 报错” 和 “脏数据”
  • Frame structure and physical resources(帧结构与物理资源)
  • 进程状态
  • 做网站ps注意事项个人备案网站可以做电商吗
  • 如何用工控做网站重庆建设安全管理网
  • Java_泛型入门
  • 华为OD机试双机位A卷 - 机器人活动区域 (Python C++ JAVA JS GO)
  • 安卓C语言编译器——高效编程工具,助力开发者提升编程效率
  • 求大神帮忙做网站网站开发收费表
  • 基于uWebSockets开源库实现一个web服务
  • 网站地图后缀WordPress分类中文404错误
  • c 网站做死循环中国建设银行总部网站
  • 力扣(LeetCode)100题:41.缺失的第一个正数
  • 模考倒计时网页版
  • 【IP核 LOCKED】VIVADO IP核锁住的解决办法
  • 关于做网站的pptwordpress录入信息
  • 省直部门门户网站建设织梦做的的网站首页显示空白
  • 拆解LSTM:告别梯度消失,解锁序列数据的深度学习利器
  • 宁乡的网站建设建设网站常见问题
  • 【QML 与 C++ 类型系统深度融合:自定义 QML 类型、属性绑定底层原理及类型转换优化】