在Webpack捆绑的应用程序中使用i18next

Question

我对webpack生态系统还很陌生，所以我不了解它的所有概念，但是我正在开发一个使用它的应用程序。 我正在尝试设置i18next（请参阅： https ： //github.com/i18next/i18next ）及其与XHR相关的模块（ https://github.com/i18next/i18next-xhr-backend ）。

i18next通过XHR提取翻译文件，因此当AJAX请求完成时，将在提供的回调中初始化i18next。 基本上，我希望所有模块都可以使用此初始化的i18next，以便可以在任何地方转换字符串。

在i18next-xhr-backend的github页面上有关于webpack的部分，但是我真的不了解如何构建代码以及如何使用它。

function loadLocales(url, options, callback, data) {
  try {
    let waitForLocale = require('bundle!./locales/'+url+'.json');
    waitForLocale((locale) => {
      callback(locale, {status: '200'});
    })
  } catch (e) {
    callback(null, {status: '404'});
  }
}

i18next
  .use(XHR)
  .init({
    backend: {
      loadPath: '{{lng}}',
      parse: (data) => data,
      ajax: loadLocales
    }
  }, (err, t) => {
    // ...
  });

我试图将其转换为webpack插件并没有成功，希望它可以在任何地方使用。 但这可能不是完成此任务的正确方法。

Answer 1

如果您想使用webpack捆绑翻译，则可以尝试https://github.com/atroo/i18next-resource-store-loader