i18next - I18next 使用捆绑的翻译文件在本地加载翻译

Question

有没有办法让我从与我的 js 文件捆绑的翻译 json 文件中加载翻译？

我只需要介绍几种语言，并且由于限制，无法设置后端端点。

我知道 addResourceBundle 功能，但这样做没有成功。

我有翻译文件english.json , spanish.json

i18next.init();
i18next.addResourceBundle('en', 'translation', english.json);
i18next.addResourceBundle('es', 'translation', spanish.json);

似乎不起作用。

Answer 1

为了将翻译文件与 js 代码捆绑在一起，您需要将它们添加到应用程序的依赖关系树中。

我猜你正在使用 webpack，你需要为 json 导入定义一个加载器（json-loader）。

i18next.init({
  resources: {
    'en-US': {translation: require('./en-us/translation.json')},
    // ---------^ namespace
    'nl-NL': {translation: require('./nl-nl/translation.json')},
  },
  fallbackLng: 'en-US',
  ns: ['translation'],
  defaultNS: 'translation',
});