Next.js 7新特性一览，构建速度提升40%
极客时间编辑部
讲述：杜力大小：1.11M时长：02:26
最近，Next.js 团队发布了其开源 React 框架的 7 版本。该版本主要是改善整体的开发体验，包括启动速度提升 57%、开发时的构建速度提升 40%、改进错误报告，以及提供 WebAssembly 支持等。
Next.js 是一个 React 框架，它的主要目标是在生产环境中提供出色的性能和良好的开发体验。为了提供这种良好的开发体验，Next.js 支持服务器端渲染、代码分割和客户端路由等。
据了解，Next.js 以 JavaScript 生态系统中的许多标准行业工具为基础构建，比如 Babel 和 Webpack，而版本 7 对这些工具带来了更新。这些升级以及一个新的增量编译缓存，使得 Next.js 的编译快了 40%，一个基本应用程序的编译时间将从 304ms 减少到 178ms。
随着 Webpack 的升级，Next.js 7 允许捆绑所有常见的 JavaScript 模块，如 CommonJS、AMD 和 ESM，同时也支持 EcmaScript、JSON 和 WebAssembly 模块。此外，它还捆绑了最新版本的 Babel，并提供了对 TypeScript、片段语法和处于试验阶段的“自动填充（poly filling）”的支持。
同时，Next.js 7 的另一个主要改进是提供了对 React Context API 的支持。这是一种跨 React 组件共享数据的方式。得益于 Next.js 能够在页面之间共享代码，这将使其内存使用减少 16%。
另外，Next.js 7 还支持模块的动态导入。之前，Next.js 使用自己的导入功能，而现在，他们已经删除了这个功能，并且支持 Webpack 自带的默认导入功能，允许动态导入、命名和绑定文件等。
一直以来，Next.js 都在社区内得到了广泛好评。Reddit 用户表示，“在过去一年半的时间里，我所有的项目都在使用 Next.js，我建议每个人都尝试一下。”
Next.js 有个说法是，想一下如何用 PHP 创建 web 应用，在创建一些文件、编写 PHP 代码之后，就可以简单地部署它，不需要考虑过多路由的问题，因为在默认情况下，应用程序是在服务器上渲染的。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
该免费文章来自《极客视点》，如需阅读全部文章，
请先领取课程
请先领取课程
免费领取
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论