内容简介:Next.js 10.2 稳定版已发布,主要变化如下: 提升构建速度:使用缓存后的构建速度提升了大约 60% 提升刷新速度:刷新时间提升了大约 100ms 到 200ms 提升启动速度:next dev的启动速度提升了大约 24% 改进可访问性...
Next.js 10.2 稳定版已发布,主要变化如下:
- 提升构建速度:使用缓存后的构建速度提升了大约 60%
- 提升刷新速度:刷新时间提升了大约 100ms 到 200ms
- 提升启动速度:
next dev
的启动速度提升了大约 24% - 改进可访问性:屏幕阅读器改变路由
- 更灵活的重定向和重写:支持匹配任意 header, cookie 或 query string
- 自动 Webfont 优化:通过内联字体 CSS 来提升性能
Next.js 是一个用于生产环境的 React 框架,提供了生产环境所需的所有功能以及最佳开发体验:包括静态及服务器端融合渲染、支持 TypeScript、智能化打包、路由预取等功能,无需任何配置。
Webpack 5
开发团队表示,在 Next.js 10.1 中,他们优化了“快读刷新”功能并减少了安装时间,现在又通过 Webpack 5 实现了其他的性能改进。
启用 Webpack 5 后,使用者可自动获得新功能和改进。例如:改进磁盘缓存、改进快速刷新、改进资源的长期缓存和改进 Tree Shaking。
改进的启动性能
Next.js 团队改进了 Next.js CLI 的初始化,使next dev
首次运行后的启动时间缩短了大约 24%。例如,vercel.com 的next dev
从 3.3 秒变为 2.5 秒。
更灵活的重定向和重写
Next.js 的重写、重定向和 header 现在支持新的has
属性,可用于匹配传入的 header、cookie 和查询字符串。举个例子,Verce l客户 Joyn 使用has
来优化内容的可发现性和性能。例如,可以根据 User-Agent 重定向旧的浏览器。
// next.config.js
module.exports = {
async redirects() {
return [
{
source: '/:path*',
has: [
{
type: 'header',
key: 'User-Agent',
value:
'Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; Microsoft; Lumia 950)'
}
],
destination: '/old-browser',
permanent: false
}
]
}
}
另一个示例是根据用户的位置重定向用户:
// next.config.js
module.exports = {
async redirects() {
return [
{
source: '/:path*',
has: [
{
type: 'header',
key: 'x-vercel-ip-country',
value: 'GB'
}
],
destination: '/:path*/uk',
permanent: true
}
]
}
}
如果用户已经登录,也可以进行重定向:
// next.config.js
module.exports = {
async redirects() {
return [
{
source: '/:path*',
has: [
{
type: 'header',
key: 'x-authorized',
value: '(?<authorized>yes|true)'
}
],
destination: '/dashboard?authorized=:authorized',
permanent: false
}
]
}
}
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- NPM包(模块)发布、更新、撤销发布
- 有赞灰度发布与蓝绿发布实践
- 【重磅发布】Linkis 0.10.0 版本发布
- BeetlSQL 3.0.9 发布,Idea 插件发布
- 贝密游戏 0.7.0 发布,发布斗地主
- 【重磅发布】DataSphere Studio 0.9.0 版本发布
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
集创思维设计矩阵
慈思远 / 电子工业出版社 / 2017-4 / 72.00元
《集创思维设计矩阵——写给互联网人的设计指南》总结了作者从业7年以来的设计经历,在大量企业所面对的设计问题基础上,提出了枪型思维,即如何给产品更准确的定位。 在定位准确的基础上加以设计,提出了设计中高维度融合低维度的设计思维,即设计者可以从商业逻辑推演到设计逻辑,让设计更加精确;又提出了设计和计算的博弈,指出在每一步创新的基础上,设计者一定要清晰地评判设计的代价。这样设计后的产品才是可以和企......一起来看看 《集创思维设计矩阵》 这本书的介绍吧!