昨天,Next.js 5.0 版本发布了。Next.js 是面向服务器渲染的 React 应用技术框架。这次发布的 Next.js 5.0 是向后兼容的,仅仅进行了必要的路径更新和 API 变更,因此也不存在升级成本。让小编带大家解读下这次版本更新的特性清单吧。
统一 Webpack 和 Next 插件
Webpack 不仅仅追求易用性,更追求灵活性,正如上面的代码所示,通过装饰函数能够应对 production 和 development 环境运行的差异性,但是却只能在客户端使用。为了实现客户端和服务器端插件工作的统一性,从 Next.js 5.0 开始,同样的 Webpack 和 Next.js 代码可以同时运行在服务器端和客户端。对于用户来说,这次变更所带来的差异仅仅是:新增了 “isServer” 参数。
支持 CSS,LESS,SASS,SCSS 和 CSS Modules
Webpack Loader 加载 CSS
Next Plugins 加载 CSS
支持 TypeScript
Webpack Loader 加载 TypeScript
Next Plugins 加载 TypeScript
更好的支持 React Altlibs & Module Overloading
为 Production 环境增加 Sourcemap 属性
在 Next.js 5.0 中统一了 Webpack 和 Next 插件在不同端工作原理,Webpack 配置可以同时在客户端和服务器端使用,因此需要调整在不同环境下 Webpack 的配置,例如:Production 环境增加 “source-map” 选项。
其他优化
生产环境下,缩减了 23.6% 的编译时间
提升了异步导入的缓存性能
新增 Fragments 标签
更加精确的报错信息
领取专属 10元无门槛券
私享最新 技术干货