用“翻译”包装扫描的 json | i18n-扫描仪

Question

我将 React 与 react-i18next 一起使用，并生成我使用 i18next-scanner 的 i18n json 文件。

正如我所见，react-i18next json 文件需要密钥 "translation":{...} 来处理其他所有内容。

如何自动添加i18next-scanner？

编辑：

i18n.js

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import de from './de/resource.json';
import en from './en/resource.json';

i18n.use(initReactI18next).init({
    debug: true,
    fallbackLng: 'de',
    lng: 'en',
    load: 'all',
    ns: false,
    resources: { de, en },
    react: { wait: true },
    interpolation: { escapeValue: false },
});

// eslint-disable-next-line
export const t = i18n;

这就是我需要它工作的方式： src/i18n/en/resource.json

{
  "translation": {
    "component": {

i18next-scanner 是这样处理文件的： src/i18n/en/resource.json：

{
   "component": {

而我需要的是 react-next 不需要此翻译或 i18next-scanner 考虑到这一点。

Answer 1

由于你使用的是inline资源，所以需要在前面加上“translations”，你可以在使用中做。

// i18n.js

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import de from './de/resource.json';
import en from './en/resource.json';

i18n.use(initReactI18next).init({
    debug: true,
    fallbackLng: 'de',
    lng: 'en',
    load: 'all',
    ns: ["translation"], // <-- specify the NS's exists
    defaultNS: "translation", // <-- what is the default namespace
    resources: { de: {translation: de}, en: {translation: en} }, // <-- this is the change
    react: { wait: true },
    interpolation: { escapeValue: false },
});

// eslint-disable-next-line
export const t = i18n;

这个“翻译”前缀在 i18next 空间中称为 namespace。这意味着您的翻译文件可以拆分为单独的文件。

注意，当您使用内联资源时，这意味着当用户仅使用一种语言时，您的捆绑文件将包含所有翻译。 查看i18next-xhr-backend，它将在运行时获取用户所需的语言。