Bedingter Import oder Alternative in JavaScript (ReactJS WebApp)?

Ich implementiere die Internationalisierung für eine ReactJS-Webapp. Wie kann ich verhindern, dass alle Sprachdateien geladen werden?

import ru from './ru';
import en from './en';

// next lines are not important for this question from here
import locale from 'locale';
const supported = new locale.Locales(["en", "ru"])

let language = 'ru';

const acceptableLanguages = {
    ru: ru,
    en: en,
}
if (typeof window !== 'undefined') {
    const browserLanguage = window.navigator.userLanguage || window.navigator.language;
    const locales = new locale.Locales(browserLanguage)
    language = locales.best(supported).code
}

// till here

// and here i'm returning a static object, containing all language variables
const chooseLang = () => {
    return acceptableLanguages[language];
}
const lang = chooseLang();

export default lang;

Antworten auf die Frage(6)

Ihre Antwort auf die Frage