Turbopack：Next.js 16.2 的新特性
内容提要
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 引入的服务器快速刷新功能显著提高了开发效率，应用刷新速度提升了 67-100%。这一改进使得开发者在调试和测试时能够更快地看到更改效果，尤其适合大型项目，能够有效减少开发周期。
Web Worker 支持的实用性
新版本对 Web Worker 的支持改善了 WASM 库的使用体验，解决了之前因空的 location.origin 导致的请求失败问题。这一改进对于需要高性能计算的应用尤为重要，开发者可以更方便地在 Worker 中使用第三方库。
子资源完整性的重要性
子资源完整性（SRI）功能的引入为 JavaScript 文件提供了安全保障，确保文件未被篡改。这对于需要高安全性的应用尤为关键，能够有效防止潜在的安全漏洞，提升用户信任度。
动态导入的树摇优化
动态导入的树摇功能增强使得未使用的导出能够被有效移除，优化了打包体积。这一改进不仅提升了应用性能，还能减少加载时间，尤其对大型应用的用户体验有显著提升。
延伸问答
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 库的问题。
