next. js_Next.js 7框架编译速度更快，支持WebAssembly

next. js

Zeit的用于静态和服务器渲染的React应用程序的开源Next.js框架使用新的Version 7版本可以更快地编译并改善错误报告。 通过Webpack 4模块捆绑器对WebAssembly二进制格式的支持也是一个重要的补充。

[更深入： 如何开始使用WebAssembly 。 • WebAssembly的下一步 。 • 8个使WebAssembly崭露头角的项目 •那么， WebAssembly的下一步究竟是什么？ | 通过InfoWorld的App Dev Report新闻通讯了解编程方面的热门话题。 ]

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。

翻译自: https://www.infoworld.com/article/3307190/nextjs-7-framework-compiles-faster-supports-webassembly.html

next. js