如何迁移i18next的翻译键？

我们可以使用 i18next-scanner 工具将旧项目的翻译键抽取出来，并转换成 i18next 的标准格式。

首先，在项目中安装 i18next-scanner：

npm install i18next-scanner --save-dev

然后创建一个扫描器配置文件 i18n-scanner.config.json：

{
  "input": ["./src/**/*.{js,jsx}"],
  "output": "./public/locales/{{lng}}/{{ns}}.json",
  "options": {
    "debug": true,
    "removeUnusedKeys": true,
    "sort": true,
    "func": {
      "list": ["i18next.t", "i18n.t"],
      "extensions": [".js", ".jsx"]
    },
    "trans": {
      "component": "Trans",
      "i18nKey": "i18nKey",
      "defaultsKey": "defaults",
      "extensions": [".js", ".jsx"]
    }
  }
}

该文件定义了扫描器的输入路径，输出路径和相关配置。这里将扫描所有 .js 和 .jsx 文件，将翻译结果输出到 ./public/locales 目录下。

接下来，在 package.json 中添加以下脚本：

"scripts": {
  "i18n:extract": "i18next-scanner -c i18n-scanner.config.json"
}

现在执行以下命令，开始扫描并转换翻译键：

npm run i18n:extract

扫描结果将被输出到 ./public/locales 中。

最后，将新项目的 i18next 初始化配置文件中引入旧项目的翻译文件：

import translationEN from './locales/en/translation.json';
import translationDE from './locales/de/translation.json';

i18n
  .use(initReactI18next)
  .init({
    resources: {
      en: {
        translation: translationEN
      },
      de: {
        translation: translationDE
      }