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) 支持服务器组件内的交互式内容,目前处于实验性阶段。
详情查看发布公告。