出品
开源中国
文
局长
Next.js11已正式发布，新版本主要变化：
一致性：提供精心打磨的解决方案以支持最佳用户体验的系统
提升性能：进一步优化以缩短冷启动时间，以便开发者更快地开始编码
next/script：自动优先加载第三方脚本以提升性能
next/image：通过自动尺寸检测和对模糊占位符的支持，减少布局偏移并创建更流畅的视觉体验
Webpack5：现在默认为所有Next.js应用程序启用Webpack5，为所有Next.js开发人员带来这些好处
创建ReactApp迁移（实验阶段）：自动转换CreateReactApp以兼容Next.js
Next.jsLive（预览版）：与团队成员在浏览器中实时编码
提升性能
开发团队表示，从Next.js10开始，他们一直致力于进一步优化Next.js的开发者体验。在10.1和10.2中，他们将启动时间缩短了24%，并通过ReactFastRefresh将处理时间再减少了40%。
现在，Next.js11包含对Babel的另一项优化，以进一步缩短启动时间。开发团队为webpack创建了一个全新的Babel加载器实现，优化了加载并添加了内存配置缓存层。因此，实际使用上对开发人员来说并没有变化，但最终却带来了更快的开发体验。
Webpack5
在Next.js10.2中，开发团队将webpack5的推广范围扩大到所有在next.config.js文件中没有自定义webpack配置的应用程序。现在，他们将webpack5作为所有Next.js应用程序的默认配置，预计将会提供多项功能和改进。
开发团队表示会与社区密切合作，以确保顺利过渡到webpack5，现有的超过个Next.js集成测试在每个启用webpack5的PR上运行。他们说道，如果开发者的应用程序有一个自定义的webpack配置，建议遵循webpack5的升级文档。
Next.jsLive（预览版）
Next.jsLive通过利用ServiceWorker、WebAssembly和ESModule等前沿技术，将整个开发过程放在了网络浏览器中。因此这也开启了一些可能性，比如通过一个URL来即时协作和分享，而不需要构建步骤。对于开发者来说，这意味着更快的反馈循环，更少的等待构建时间，以及在浏览器中进行实时结对编程和编辑。