Nuxt系列文章Nuxt3.6带来哪些新特性？

大家好，我是刘明，十年创业老兵，开源技术爱好者。 2023年6月23日，Nuxt开发团队发布了Nuxt 3.6.0版本. 我从3.4版本开始，基本是紧跟官方团队进行升级。目前基本是一个月进行一次大的版本升级。

今天我们来看一下Nuxt3.6有哪些新特性。

Nuxt 3.6 已发布，带来了性能改进、完全静态的服务器组件、更好的样式内联、静态预设、增强的类型安全性等等。

如果您的网站在某些页面上提供ssr: false或禁用了服务器渲染，您可能会对新的内置 SPA 加载指示器特别感兴趣。 现在，您可以创建一个名为~/app/spa-loading-template.html的HTML 文件用来渲染加载屏幕，直到您的应用程序在这些页面上水合为止。 默认情况下会渲染一个动画 Nuxt 图标。 您可以通过在 nuxt 配置文件中进行spaLoadingTemplate: false设置来完全禁用该指示器。

当应用程序水合时最先发生的是插件运行，因此我们现在对您的插件执行构建时优化，这意味着它们不需要在运行时标准化或重新排序。 我们还将错误组件 JS 包含在您的主入口点中，这意味着如果用户没有连接时发生错误，您仍然可以使用~/error.vue. （这也会减少您的总包大小。） 与 Nuxt 3.5.3 相比，最小客户端包减少了约 0.7kB。

在3.6版本之前，我们可以在静态页面上使用服务器组件，但它们会增加应用程序的有效负载大小。3.6版本改变了这一情况。我们现在将渲染的服务器组件存储为单独的文件，这些文件在导航之前预加载。 这依赖于新的、更丰富的 JSON 有效负载格式，因此请确保您没有通过设置experimental.renderJsonPayloads:false 来禁用它。

如果您正在密切监控指标并且尚未关闭experimental.inlineSSRStyles，您应该会看到页面中内联了