全球信息:Nuxt 3.6 正式发布!
Nuxt 3.6 正式发布,该版本带来了性能优化、完全静态的服务端组件、更好的样式内联、静态预设、增强的类型安全等许多功能改进。
(资料图片仅供参考)
6 月 23 日,Nuxt 3.6 正式发布,该版本带来了性能优化、完全静态的服务端组件、更好的样式内联、静态预设、增强的类型安全等许多功能改进。
SPA 加载指示器
如果网站使用ssr: false提供服务,或者在某些页面上禁用了服务端渲染,那么可能会用到新的内置 SPA 加载指示器。
现在可以在~/app/spa-loading-template.html中放一个 HTML 文件,其中包含用于渲染加载屏幕的 HTML 内容,在这些页面上,加载屏幕将一直显示,直到应用完成渲染。
默认会渲染一个 Nuxt 图标动画。可以通过在 nuxt 配置文件中设置spaLoadingTemplate: false来禁用这个指示器。
性能优化
当应用渲染时,首先会运行插件,该版本对插件进行了构建时优化,这意味着它们在运行时不需要进行规范化或重新排序。
除此之外,还将错误组件的 JavaScript 包含在主入口文件中,这意味着如果用户在没有连接的情况下发生错误,仍然可以通过~/error.vue处理它(这也会减少整体包大小)。
与 Nuxt 3.5.3 相比,最小的客户端包减少了约 0.7 KB。
完全静态的服务器组件
在静态页面上使用服务端组件是可行的,但是会增加应用的载荷大小。新版本将渲染的服务端组件存储为单独的文件,在导航之前进行预加载。
这依赖于新的、更丰富的 JSON 载荷格式,所以请确保没有将experimental.renderJsonPayloads设置为false来禁用它。
更好的样式内联
如果密切监控指标,并且没有关闭experimental.inlineSSRStyles,应该能看到更多的 CSS 内联到页面中,并且外部 CSS 文件显著减少。新版本更擅长去重全局 CSS,特别是由类似 tailwind 或 unocss 等库添加的 CSS。
动画控制
为了可以对页面/布局组件有更精细的控制,例如使用GSAP 或其他库创建自定义过渡效果,现在允许在
自动检测“static”预设
到目前为止,运行nuxt generate在每个部署提供者上产生相同的输出结果,但是在 Nuxt 3.6 中,自动启用了静态提供者预设。这意味着如果将静态构建(通过nuxt generate生成)部署到受支持的提供者(目前是 Vercel 和 Netlify,很快还将支持 Cloudflare 和 GitHub Pages),将使用该提供者的特殊支持对页面进行预渲染。
这意味着可以配置任何不需要服务端函数的路由规则。因此,在部署不需要运行时 SSR 的站点时,可以获得最佳效果。它还解锁了在 Vercel 上使用 Nuxt Image 的功能。
增强的类型安全性
如果在 Nuxt 3.5 中使用新的~/server/tsconfig.json,现在对服务端特定的#imports和扩展提供更好的支持。因此,当从服务端目录中的#imports导入时,在 Nitro 中将获得正确的导入位置的 IDE 自动完成,并且不会看到诸如useFetch等不可用于服务端路由的 Vue 自动导入。
现在,还可以为运行时 Nitro 钩子提供类型支持。
最后,该版本还删除了更多对象具有默认any类型的位置。这应该可以提高 Nuxt 中许多位置的类型安全性,其中未指定的类型会回退到any:
RuntimeConfigPageMetaNuxtApp[‘payload’]ModuleMetaNitro 2.5
这个版本配备了全新的 Nitro 2.5,该版本提供了流式传输的实验性支持,这也由 Nuxt 本身的一些变化启用。
模块作者的新工具
这个版本为模块作者提供了一些实用工具,以便轻松地添加类型模板并断言与另一个模块的特定版本的兼容性。此外,这个版本将最终解锁一个新的nuxt/module-builder模式,可以提高模块作者的类型支持。
升级
建议运行以下命令进行升级:
nuxi upgrade --force
这将刷新 lock 文件,并确保从 Nuxt 依赖的其他依赖项中获取更新,特别是在 unjs 生态系统中。
Release Note:https://nuxt.com/blog/v3-6。
关键词:
您可能也感兴趣:
今日热点
为您推荐
华为的造车“野心”不藏了 环球通讯
智博会工业考察团出海!
外观和动力均有升级 新款吉利星瑞申报图 焦点快播
排行
最近更新
- 全球信息:Nuxt 3.6 正式发布!
- @考生和家长 查询高考成绩认准官方权威渠道,切勿轻信网络不...
- 保定!河北省排名第二!二线城市!
- 老公过生日发多少红包寓意比较好
- 浦发信用卡推出“刷遍世界”境外消费活动 提升用户旅游体验
- 安全生产月 | 《你的每一步操作,都牵动着爱你的人》|今日观点
- 感受长江壮阔与都市繁华 徒步“万里长江第一桥”成外地游客首选
- 超千亿解禁潮来袭,下周4股解禁超百亿 焦点观察
- 浦发银行郑州分行开展普及金融知识万里行系列活动 焦点热讯
- 莫尔格勒河:草原上流淌着的秀美画卷
- 最新预警| 湘东、湘南大部分区域发生突发性地质灾害风险较高
- 天天观焦点:高校有“计划内预留名额”?9名高考生家长真上当...
- 全球快讯:时隔18个月,粤A牌个人车牌最低成交价重登“2字头”
- 天天新动态:DNF全职业角色毕业白金徽章一览
- 山东:1-5月经济运行平稳向好 新经济投资加速布局-环球快播
- 广东高考分数出炉,选专业还是选大学?
- 我国储粮新技术处于国际领先水平 “智慧粮库”让小麦“冻龄”
- 关注!9个乌克兰旅将参战,全由西方训练 环球要闻
- 索尼与高通联手合作:共同研发下一代中高端手机
- 广西玉林市小学生30米长卷绘端午
- MV《那一抹红》温情上线-焦点
- 天天实时:正宗榆树叶馒头的做法?
- 行业追踪|石油化工市场(6月19日-6月25日):柴油现货价格环...
- 焦点滚动:2023年宁夏二建成绩查询入口:宁夏人事考试网
- 世界今亮点!榆林市第一医院联合榆林市强制隔离戒毒所开展防...
- 端午假期特色市集和夜市不断升温
- “破局式”疏通房地产融资至关重要 每日看点
- 焦点快报!信达地产:聘任宗卫国为公司副总经理
- 物理类平均总分略有上升!600分以上考生17012人,历史类 176...
- 罕见,申报IPO股改前夕,实控人夫妇突然离婚