Nuxt 3.14 发布!全新功能与性能提升

Nuxt 3.14 正式发布,带来了全新的 rspack 构建器、共享文件夹以及性能增强!这一版本的更新为即将到来的 Nuxt v4 做好了充分准备,特别是在 unjs 方面为 Nitro v3 的准备工作打下了基础。

🚀 由 jiti 驱动的更快启动

Nuxt 配置文件、模块以及其他构建时代码现在由 jiti v2 驱动。这一更新的重要特性是原生 Node esm 导入,这将显著加快启动速度。

📂 客户端/服务器共享文件夹

为了解决在共享类型或工具时的摩擦点,Nuxt 引入了新的 shared/ 文件夹。在这个文件夹中,不能导入 Vue 或 nitro 代码,但它会生成可在应用程序中使用的自动导入。如果需要,可以使用新的 #shared 别名来指向这个文件夹。

🦀 实验性的 rspack 构建器

Nuxt 推出了新的 rspack 构建器,目前仍处于实验阶段。内部的 Nuxt 虚拟文件系统已重构为使用 unplugin,以实现这一功能。欢迎尝试并提供反馈。

✨ 新的组合 API

引入了新的 useResponseHeader 和 useRuntimeHook 组合 API,提升了开发体验。

🔧 新的模块工具

新增了 addServerTemplate 工具,用于在 nitro 运行时路由内访问虚拟文件。

🚧 通往 v4 的变更

在 v4 中,组件的显示方式会有所调整,例如组件路径 ~/components/App/Header.vue 将在开发工具中显示为 。此外,页面元数据的扫描顺序也进行了优化,建议通过设置 experimental.scanPageMeta 为 after-resolve 来解决一些 Bug。

🗺️ 通往 v3.15 的路线图

虽然未能赶上 v3.14 的发布时间,但下一个小版本将引入自动导入模块指令、隔离页面渲染和延迟水合等功能。

✅ 升级指南

建议通过以下命令进行升级:

sql 复制代码
npx nuxi@latest upgrade --force

这将刷新锁定文件,确保同步更新 Nuxt 依赖的其他库。

完整的发布说明请查看 Nuxt v3.14.0 的发布日志。感谢每一位参与此版本发布的贡献者,期待在下一次发布中带来更多精彩内容!

相关推荐
觉醒法师3 分钟前
HarmonyOS开发 - 电商App实例二( 网络请求http)
前端·http·华为·typescript·harmonyos·ark-ts
沈剑心3 分钟前
Kotlin的协程,真能提升编程效率么?
android·前端·kotlin
ZXT14 分钟前
项目精讲 - keepAlive
vue.js
堕落年代14 分钟前
Vue主流的状态保存框架对比
前端·javascript·vue.js
没资格抱怨15 分钟前
el-pagination的使用说明
javascript·vue.js·elementui
沐千熏21 分钟前
Liunx(CentOS-6-x86_64)使用Nginx部署Vue项目
vue.js·nginx·centos
OpenTiny社区25 分钟前
TinyVue的DatePicker 组件支持日期面板单独使用啦!
前端·vue.js
冴羽25 分钟前
Svelte 最新中文文档教程(22)—— Svelte 5 迁移指南
前端·javascript·svelte
树上有只程序猿29 分钟前
Vue3组件通信:多个实战场景,轻松玩转复杂数据流!
前端·vue.js
青红光硫化黑34 分钟前
React基础之useEffect
javascript·react.js·ecmascript