Next.js 12.3版本
内容提要
Next.js 12.3版本发布，新增TypeScript自动安装、稳定的图像组件、快速刷新功能和SWC代码压缩器。新路由和布局更新正在开发中，预计在下一个主要版本中发布。社区会议定于10月25日举行，欢迎开发者参与。
延伸解读
TypeScript 自动安装：降低使用门槛
Next.js 12.3 新增 TypeScript 自动安装功能。当项目中添加 .ts 文件时，Next.js 会自动检测并安装所需依赖，同时生成 tsconfig.json 文件。该功能在运行 next dev 和 next build 时均有效，省去了手动配置的步骤，让开发者能更快速地开始使用 TypeScript。
图像组件与远程模式：更灵活的图片处理
next/future/image 组件已稳定，支持 fill 布局模式、改进的模糊占位符，并强制要求 alt 属性以提升可访问性。同时，remotePatterns 配置稳定，允许使用通配符匹配远程图片域名，比原有的 images.domains 更灵活。此外，可通过 unoptimized: true 完全禁用图片优化，适用于 next export 等无服务器场景。
SWC 压缩器：构建速度大幅提升
SWC 代码压缩器现已稳定，可通过 next.config.js 中的 swcMinify: true 启用。早期测试表明，其压缩速度比之前使用的 Terser 快 7 倍。Next.js 计划在下一个主要版本中将其设为默认压缩器，届时开发者无需手动配置即可享受更快的构建速度。
新路由与布局：未来版本的重要更新
基于 React Server Components 的新路由和布局实现已开始，预计在下一个主要版本中进入公开测试。新特性包括路由组、即时加载状态、错误处理、模板以及拦截路由、并行路由和条件路由等高级模式。此外，另一个 RFC 正在探索在新 app 目录中支持全局 CSS 导入。
Q&A
Next.js 12.3版本有哪些新功能？
新增TypeScript自动安装、稳定的图像组件、快速刷新功能和SWC代码压缩器。
如何使用Next.js的TypeScript自动安装功能？
只需添加.ts文件，Next.js会自动配置TypeScript并安装所需依赖。
Next.js 12.3的快速刷新功能有什么改进？
支持.env、jsconfig.json和tsconfig.json文件的热重载，无需重启开发服务器。
SWC代码压缩器的性能如何？
SWC代码压缩器的压缩速度比之前快7倍，现已稳定。
Next.js 12.3版本的图像组件有什么变化？
next/future/image组件现在稳定，支持更好的图像样式和性能。
下一版本的Next.js将有哪些新路由和布局更新？
新路由和布局更新正在开发中，预计在下一个主要版本中发布。
