原标题：Next.js 7着重开发者体验，启动与重建速度更快

在释出Next.js△6后经过4个月，应用程序开发框架Next.js释出了第7版，这次大幅提升了开发者体验，启动速度提升57％，重新编译速度也提高42％，而这样的速度提升，部分受惠于升级编译工作管线Webpack△4和Babel△7，另外还改良了React△Error△Overlay，以提供更详尽好读的错误报告。

Next.js是一个在浏览器和伺服器运作的JavaScript开发框架，能为React应用提供开发样板，用来开发静态或是伺服器渲染应用程序。Next.js由一间名为Zeit的新创公司开发，该开发框架原本用在该公司的SaaS产品上，因此其强健性受到肯定，有许多公司便把Next.js拿来作为通用React开发框架。

Next.js△7首要让开发人员有感的，便是更好的生产效率以及开发体验，这个版本由于受惠于开源前端打包工具Webpack△4，还有JavaScript编译器Babel△7，以及官方对内部程式码进行了最佳化，现在Next.js在开发的时候，启动速度提升了57％。Next.js△7新增了增量编译快取（Incremental△Compilation△Cache），程式码变更后建置时间快40％。根据官方的实验，在6.0版本，基本应用程序启动时间为1947ms，但到了7.0只需要835ms，当基本的应用程序的程式码变更后，6.0的建置时间为304ms，而7.0只要178ms。另外，在Next.js△7中，Webpackbar将会显示开发时的即时回馈。

从Next.js第一版以来，就以Webpack作为打包程式码的工具，让社交可以重复使用丰富的套件，Next.js△7现在更新到Webpack△4，新版本的Webpack除了修正许多错误外，还新增了不少功能，不只支援.mjs档案，也改善了程式码拆分功能，并且支援更完善的树摇Tree-shaking检测，帮助开发者移除无用的程式码。而且Webpack△4还支援WebAssembly，因此开发者可以执行伺服器端渲染WebAssembly。

另一个Next.js△7中提升开发效率的功臣Babel△7，在前些时日刚结束测试进入稳定版，主要特色多支援了Typescript，在Next.js中开发者可以使用#zeit/next-typescript，另外还新增片段语法（Fragment△Syntax） ，还有支援babel.config.js，官方也特别强调，开发者没有在Next.js专案中自定义Babel配置，则没有需要变更改动的地方。

渲染的正确性以及错误辅助，对于开发和调校工作至关重要，除了Next.js之前的功能显示错误讯息以及堆叠追踪外，现在React△Error△Overlay将会显示更多丰富的堆叠讯息，包括伺服器与客户端错误发生的精确位置，明显标记来源以提供上下文，以及更完整的堆叠追踪。

官方不只发表了Next.js△7，重新设计的全新官网也同时上线，其中也提供许多案例，收集了不少知名品牌与名人，使用Next.js所设计的网站，供开发者浏览参考。

tags：

上一篇  下一篇

相关：

【iPhone XS / XS Max 开箱评测】效能 . 开 APP 速度 . “食鸡”温度 | 香港 UNWIRE.HK 玩生活．乐科技

iPhone XS 及 XS Max 采用全新 7nm 制式的 A12 仿生处理器，官方表示比起上代各方面效能都有不少提升，但实际上又有多少提升呢？在高速运算下机身又会否变得很热？天恩现在就为大家测试一下吧。测试一：Benchmark 软

【iPhone XS / XS Max 开箱】Face ID 新旧机速度比拼 | 香港 UNWIRE.HK 玩生活．乐科技

本星期五正式推出的 Apple iPhone XS 及 XS Max，继续沿用 Face ID 作身份认证，不过就升级至第二代的 Face ID 系统。究竟升级版的 Face ID 效能如何？就让天恩为大家实试一下。内建升级版 Face ID根据官方表示，内建

万达普惠审核要多久 [热事件]

网贷市场上的口子很多，背景深厚不在少数，万达普惠就是其中的一个，它是万达集团推出的网贷口子之一。对于网贷，审核时间相信大家都很在意。那么，万达普惠审核要多久呢？下面小编就来和大家简单的介绍一下万达普惠

Google相片库API正式上线，让开发者在自家应用加入相簿功能

Google在今年I/O大会所发表的Google相片库API（Photos△Library△API），现在已经释出PHP和Java客户端API正式版本，开发者可以利用这些API在自家应用程序中读取、写入以及分享Google相簿中的照片以及视频。这个Googl

微博借钱审核要多久 [热事件]

玩微博的大多数是年轻人，相信不少网友在使用微博时，已经发现微博也可以借钱了。我们在申请微博借钱时，一般都会比较关注下款速度。那么，微博借钱审核要多久呢？下面小编就带大家来了解一下微博借钱的相关信息吧。