Zeit的用于静态和服务器渲染的React应用程序的开源Next.js框架使用新的Version 7版本可以更快地编译并改善错误报告。 通过Webpack 4模块捆绑程序对WebAssembly二进制格式的支持也是一个重要的补充。
Next.js版本7中的新功能
Zeit说,得益于代码库的优化以及Webpack 4和Babel 7 JavaScript编译器的使用,Next.js 7在开发过程中的启动速度提高了57%。 增量编译缓存使代码更改的生成速度提高了40%。
为了进行调试,Next.js 7使用react-error-overlay
来改进堆栈跟踪,并为服务器和客户端错误提供准确的位置。 提供了重点内容供参考。 现在,通过单击特定的代码块,更容易打开文本编辑器。
通过Webpack 4的支持,Next.js 7获得了以下好处:
- WebAssembly的服务器呈现,它提供了一种二进制格式来提高Web应用程序的性能 。
- 代码拆分提升。
- 支持
.mjs
源文件。 - 通过删除未使用的代码,更好的“摇树”。
- 对于CSS导入,这是提取CSS包的新方法。 几个Next.js插件的新版本解决了与CSS导入相关的问题。
- 动态导入已标准化。
最初的HTML有效负载已经过优化,减少了7.4%,为1.5KB,使页面更精简。
Next.js在'pages/_app.js'
和页面组件之间支持新的React上下文API。 以前,开发人员无法在服务器端的页面之间使用React上下文。 自定义Webpack插件更改了此行为,以在页面之间共享模块实例。 这允许使用React上下文,同时在页面之间共享代码时还可以减少Next.js的内存占用。
在哪里下载Next.js
您可以从GitHub 下载Next.js。 也可以通过npm install --save next react react-dom
从NPM安装Next.js。