Nuxt 3.5 发布，基于 Vue 3 的 Web 框架

Nuxt 是使用简便的 Web 框架，用于构建现代和高性能的 Web 应用，可以部署在任何运行 JavaScript 的平台上。去年发布的 Nuxt 3 基于 Vue 3 构建，为 TypeScript 提供了 “一等公民” 支持，并进行了一次彻底的重构，对内核进行了精简，速度更快，体验更好。

近日发布的 Nuxt 3.5 是 Nuxt 3 的最新版本，带来了令人兴奋的新功能，包括将底层 Vue 的版本升级到 3.3，引入新的默认设置、交互式服务器组件、类型路由、环境配置等等。

主要变化：

• 丰富的 JSON payloads

默认启用丰富的 JSON payload 序列化 (#19205、#20770)。这意味着开箱即用地支持各种丰富的 JS 类型：正则表达式、日期、Map 和 Set、BigInt 和 NuxtError，以及 Vue 特定的对象，如 ref 、 reactive 、 shallowRef 和 shallowReactive 。

点此查看具体运行原理。

• 环境配置 (Environment config)

现在支持在nuxt.config中配置完全类型化的、按环境的覆盖：

export default defineNuxtConfig({
  $production: {
    routeRules: {
      '/**': { isr: true }
    }
  },
  $development: {
    //
  }
})

• 'Bundler' 模块解析

现在在 Nuxt 中完全支持bundler模块解析策略。它具有对子路径导出的类型支持，比Node16解析更准确地匹配 Vite 和 Nuxt 等构建工具的行为。

export default defineNuxtConfig({
  typescript: {
    tsConfig: {
      compilerOptions: {
        moduleResolution: 'bundler'
      }
    }
  }
})

• 交互式服务器组件 (Interactive server components)

支持通过slots (#20284) 支持服务器组件内的交互式内容，目前处于实验性阶段。

详情查看发布公告。