Skip to main content
目录

Codemods（代码转换）

Codemods 是在代码库上以程序化方式运行的转换。这允许大量更改以编程方式应用，而无需手动处理每个文件。

Next.js 提供了 Codemod 转换，以帮助在 API 更新或弃用时升级您的 Next.js 代码库。

使用方法​

在终端中，进入（cd）到项目文件夹，然后运行：

npx @next/codemod <transform> <path>

用适当的值替换 <transform> 和 <path>。

  • <transform> - 转换的名称
  • <path> - 要转换的文件或目录
  • --dry 执行干预，不会编辑任何代码
  • --print 打印已更改的输出以进行比较

Next.js Codemods​

14.0​

迁移 ImageResponse 导入

next-og-import

npx @next/codemod@latest next-og-import .

这个 codemod 将从 next/server 移动导入到 next/og，以便使用动态 OG 图像生成。

例如：

import { ImageResponse } from 'next/server'

转换成：

import { ImageResponse } from 'next/og'

使用 viewport 导出

metadata-to-viewport-export

npx @next/codemod@latest metadata-to-viewport-export .

此 codemod 将某些视口元数据迁移到视口导出。

例如：

export const metadata = {
  title: 'My App',
  themeColor: 'dark',
  viewport: {
    width: 1,
  },
}

转换成：

export const metadata = {
  title: 'My App',
}
 
export const viewport = {
  width: 1,
  themeColor: 'dark',
}