i18next 仅在需要时响应加载命名空间

Question

我有以下加载 i18n 翻译的代码。 l.json 文件仅存在于几个页面中，但它始终会加载（基于我从浏览器看到的 http 请求）。我怎样才能阻止它，以便仅在需要时加载它们？

import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import LanguageDetector from "i18next-browser-languagedetector";
import ChainedBackend from 'i18next-chained-backend';
import HttpBackend from 'i18next-http-backend';
i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  .use(ChainedBackend)
  .init({
    debug: true,
    fallbackLng: "en-US",
    supportedLngs: ['en-US', 'en-GB'],
    ns: ['l', 't'],
    defaultNS: 't',
    interpolation: {
      escapeValue: false, // not needed for react as it escapes by default
    },
    backend: {
      backends: [
        HttpBackend,
      ],
      backendOptions: [
        {
          loadPath: 'https://example.com/{{lng}}/{{ns}}.json'
        }
    ]
    }
  });