Turbopack：Next.js 16.2 的新特性
💡
原文英文，约1000词，阅读约需4分钟。
📝
内容提要
Next.js 16.2 更新了 Turbopack，提升了性能并修复了 200 多个 bug。新增功能包括服务器快速刷新、Web Worker 支持、子资源完整性、动态导入的树摇、内联加载器配置、Lightning CSS 配置和日志过滤。服务器端热重载效率显著提高，应用刷新速度提升 67-100%。同时，支持 TypeScript 的 PostCSS 配置，优化了内存使用和构建时间。
🎯
关键要点
- Next.js 16.2 更新了 Turbopack，提升了性能并修复了 200 多个 bug。
- 新增服务器快速刷新功能，显著提高了应用刷新速度，提升幅度为 67-100%。
- 支持 Web Worker，解决了 WASM 库在 Worker 中的使用问题。
- 新增子资源完整性支持，允许浏览器验证 JavaScript 文件未被修改。
- 动态导入的树摇功能得到增强，未使用的导出将被移除。
- 支持按导入配置加载器，避免对其他导入产生副作用。
- Lightning CSS 配置选项允许强制某些特性始终或从不转译。
- 新增日志过滤功能，可以抑制噪音日志和警告。
- 支持 TypeScript 的 postcss.config.ts，优化了内存使用和构建时间。
❓
延伸问答
Next.js 16.2 中的 Turbopack 有哪些性能提升？
Turbopack 在 Next.js 16.2 中实现了 67-100% 的应用刷新速度提升和 400-900% 的编译时间加快。
Next.js 16.2 新增了哪些功能？
新增功能包括服务器快速刷新、Web Worker 支持、子资源完整性、动态导入的树摇、内联加载器配置、Lightning CSS 配置和日志过滤。
什么是子资源完整性支持，它有什么作用？
子资源完整性支持允许浏览器验证 JavaScript 文件未被修改，通过生成加密哈希来确保文件的完整性。
如何在 Next.js 16.2 中配置内联加载器？
可以通过 import 属性为每个导入配置加载器，例如使用 with 子句指定特定的加载器和选项。
Turbopack 的日志过滤功能是如何工作的？
日志过滤功能可以抑制噪音日志和警告，通过 turbopack.ignoreIssue 配置选项来匹配特定代码路径的日志。
Next.js 16.2 中的 Web Worker 支持有什么改进？
Web Worker 的引导代码更新，使得 origin 正确指向域名，从而解决了在 Worker 中使用 WASM 库的问题。
➡️
