⚡️Vitest 3.2 发布,测试更高效;🚀Nuxt v4 测试版本发布,焕然一新;🚗Vite7 beta 版发布了

前言

最近更新的动态比较多,就不一篇一篇发了,这里直接来个最近更新合集

往期精彩推荐

正文

Nuxt 发布 v4 版本测试版本

Nuxt v4alpha 版已于 6月2日 发布,稳定版预计 6月底 推出。

新版本引入了全新的 app/ 目录结构,优化代码组织,显著提升 IDE 性能,尤其适合大型项目。

数据获取机制得到升级,useAsyncDatauseFetch 提供更智能的缓存和清理逻辑,减少重复请求并提升性能。

Nuxt v4 还支持 Vite 环境 API,通过单一开发服务器简化配置,同时改进了头部管理,移除 Unhead v2 的废弃功能,确保更高效的 SEO 和标签处理。

此外,组件命名一致性得到增强,与 Vue DevTools<KeepAlive> 兼容,提升调试体验。

Nuxt 3 将支持至 2025年底,为用户提供充足的迁移时间,

Nuxt 5 将在 Nitro v3 准备就绪后推出,预计带来更多底层优化。

博客地址:nuxt.com/blog/roadma...

Vitest 3.2 来啦,测试更高效

Vitest 3.2 带来多项测试增强功能,包括测试注解 API,支持自定义消息和附件,集成到 UIHTMLjunit 等报告中,便于调试。

新增作用域固件(支持 fileworker),通过 test.extend 提供更灵活的测试隔离控制。

js 复制代码
const test = baseTest.extend({
  db: [
    async ({}, use) => {
      // ...setup
      await use(db)
      await db.close()
    },
    { scope: 'worker' },
  ],
})

自定义项目名称颜色功能让多项目测试更直观,浏览器定位器 API 扩展支持 Playwright 定位器字符串,增强了浏览器测试能力。

新增 signal API 可在测试超时或手动中止时终止运行,结合 V8 AST 感知重映射(需启用 coverage.experimentalAstAwareRemapping),显著提升代码覆盖率性能。

js 复制代码
it('stop request when test times out', async ({ signal }) => {
  await fetch('/heavy-resource', { signal })
}, 2000)

此外,watchTriggerPatterns 允许配置特定文件更改触发相关测试,如模板文件更改触发 mailers 测试,提升开发效率。

js 复制代码
export default defineConfig({
  test: {
    watchTriggerPatterns: [
      {
        pattern: /^src\/templates\/(.*)\.(ts|html|txt)$/,
        testsToRun: (file, match) => {
          return `api/tests/mailers/${match[2]}.test.ts`
        },
      },
    ],
  },
})

另外本次更新将弃用 workspace ,改用 projects

js 复制代码
import { defineConfig } from "vitest/config";
export default defineConfig({
  test: {
    // "test.workspace" is now "test.projects"

    projects: [ 
      { test: { name: "Unit" } },
      { test: { name: "Integration" } },
    ],
  },
});

rolldown-vite 预览版发布

阿斯顿发

其他更新内容

Vite 7.0.0-beta.0

Vite 7.0.0-beta.06月2日 发布,作为测试版标志着 Vite 生态的又一次进化。

  • 浏览器目标更改为广泛可用的基线
  • 已停止对 Node 18 的支持。Vite 现已仅以 ESM 形式发行
rolldown-plugin-dts 引入 tsgo

rolldown-plugin-dts 的最新更新引入了 tsgo ,需额外安装 @typescript/native-previewtsgo-dev 依赖,但因其实验性质,建议在非生产环境中测试使用。

tsgo 演练场看这里 tsgo.sxzz.dev

最后

本次更新展现了网络开发生态的蓬勃发展。Nuxt v4 提供更现代化的开发体验,Vitest 3.2 优化测试流程,Vite 7.0 预示构建工具的未来潜力,rolldown-plugin-dts 则为 TypeScript 开发者带来新选择。开发者可根据项目需求选择升级,保持技术领先。

今天的分享就这些了,感谢大家的阅读,如果文章中存在错误的地方欢迎指正!

往期精彩推荐

相关推荐
不一样的少年_2 分钟前
🚨 别再乱用will-change了!前端翻车的"性能优化"陷阱
前端·浏览器
北京_宏哥4 分钟前
🔥《刚刚问世》系列初窥篇-Java+Playwright自动化测试-16- iframe操作-监听事件和执行js脚本 (详细教程)
java·前端·自动化运维
wordbaby4 分钟前
React 中 useDeferredValue 和 startTransition 的核心区别与使用场景
前端·react.js
zhfy啊5 分钟前
数组转哈希映射工具函数封装(toMap方法)
前端·typescript
遗憾随她而去.11 分钟前
Web前端为什么要打包?Webpack 和 Vite 如何助力现代开发?
前端·webpack·node.js
陈_杨14 分钟前
鸿蒙5开发宝藏案例分享---Pura X开发案例分享
前端
南吕二七19 分钟前
webPack基本使用步骤
前端·webpack·node.js
南囝coding21 分钟前
浏览器下载,一定要开启这个隐藏功能!
前端
一涯23 分钟前
showDirectoryPicker()兼容
前端
Apifox24 分钟前
Apifox 测试步骤之间怎么传递数据?搞懂上下游参数传递这一篇就够了!
前端·后端·测试