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 的发布日志。感谢每一位参与此版本发布的贡献者,期待在下一次发布中带来更多精彩内容!

相关推荐
weixin_42220130几秒前
Element Plus中el-tree组件默认选中第一个节点的实现方法
前端·javascript·vue.js
_OP_CHEN1 分钟前
【前端开发之CSS】(六)CSS 弹性布局(Flex)完全指南:从入门到精通,搞定所有布局需求
前端·css·html·flex布局·弹性布局·界面美化·页面开发
雄狮少年3 分钟前
简单react agent(没有抽象成基类、子类,直接用)--- langgraph workflow版 ------demo1
前端·python·react.js
css趣多多4 分钟前
组件没有原生事件
前端·javascript·vue.js
IT陈图图5 分钟前
Flutter × OpenHarmony 实战:优雅构建确认对话框的组件化方案
开发语言·javascript·flutter
雨季6665 分钟前
Flutter 三端应用实战:OpenHarmony 简易文本末尾字符查看器开发指南
开发语言·javascript·flutter
小小弯_Shelby5 分钟前
el-form表单简洁有效地解决新增与查看详情共用一个页面问题,控制el-form的disabled设置和修改样式
前端·vue.js·elementui
0思必得06 分钟前
[Web自动化] 数据抓取、解析与存储
运维·前端·爬虫·selenium·自动化·web自动化
xiaoxue..9 分钟前
全栈项目 学习日记 (第一章)
前端·react.js·面试·vite
chen_song_10 分钟前
Agent 经典范式构建之 ReAct (Reasoning and Acting): 一种将“思考”和“行动”紧密结合的范式,让智能体边想边做,动态调整
前端·react.js·前端框架