Next.js 10.2 正式发布

栏目: 软件资讯 · 发布时间: 3年前

内容简介:Next.js 10.2 稳定版已发布,主要变化如下: 提升构建速度:使用缓存后的构建速度提升了大约 60% 提升刷新速度:刷新时间提升了大约 100ms 到 200ms 提升启动速度:next dev的启动速度提升了大约 24% 改进可访问性...

Next.js 10.2 稳定版已发布,主要变化如下:

Next.js 是一个用于生产环境的 React 框架,提供了生产环境所需的所有功能以及最佳开发体验:包括静态及服务器端融合渲染、支持 TypeScript、智能化打包、路由预取等功能,无需任何配置。

Next.js 10.2 正式发布

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
      }
    ]
  }
}

详细更新说明查看发布公告


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

算法设计、分析与实现

算法设计、分析与实现

徐子珊 / 2012-10 / 65.00元

《算法设计、分析与实现:c、c++和java》由徐子珊编著,第1章~第6章按算法设计技巧分成渐增型算法、分治算法、动态规划算法、贪婪算法、回溯算法和图的搜索算法。每章针对一些经典问题给出解决问题的算法,并分析算法的时间复杂度。这样对于初学者来说,按照算法的设计方法划分,算法思想的阐述比较集中,有利于快速入门理解算法的精髓所在。一旦具备了算法设计的基本方法,按应用领域划分专题深入学习,读者可以结合已......一起来看看 《算法设计、分析与实现》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

html转js在线工具
html转js在线工具

html转js在线工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具