如何在i18next中将语言更改为多个文件而不是一个？

Question

I am using i18next with localstorage to change the language of my website (leaflet map with markers). I have all the languages in one file called lang.js. I want to split it into multiple files, each one for a language. How I can do that?

link to the language file on github: https://github.com/hurtworldmap/hurtworldmap.github.io/blob/master/raw/lang.js

My function:

$(document).ready(function() {
    var language = "en";
    if (localStorage.getItem("language") != null)
        language = localStorage.getItem("language");

    i18n.init({
        lng: language,
        resStore: resources,
        fallbackLng: "en"
    }, function(o) {
        $(document).i18n()
    }), $(".lang").click(function() {
        var o = $(this).attr("data-lang");

        localStorage.setItem("language", o);

        i18n.init({
            lng: o
        }, function(o) {
            $(document).i18n()
        })
    })
});

Example of language (in the same file):

"ru": {
        "translation": {
            "locations": "Локации",
            "showlocations": "Показать локации",
            "animals": "Животные",
            "shigi": "Шиги",
            "shigiwolf": "Дикий Шиги",
            "shigiforest": "Лесной Шиги",
            "shigiarctic": "Арктический Шиги",
            "bor": "Кабан",
            "radbor": "Радиоактивный Кабан",
            "tokar": "Токар",
            "tokarblue": "Синий Токар",
            "tokarparrot": "Токар-попугай",
            "sasquatch": "Снежный",
            "yeti": "Йети",
            "plants": "Растения",
            "owrong": "Апельсин",
            "pitcherplant": "Кувшинка",
            "succulentseeds": "семена Succulent",
            "items": "Вещи",
            "itemflint": "Кремень",
            "itemwood": "Дерево",
            "lootcrate": "Ящик",
            "resources": "Ресурсы",
            "woodlog": "Бревно",
            "coal": "Уголь",
            "limestone": "Известняк/Глина",
            "flint": "Кремень/Камень",
            "deadtree": "Мертвое дерево",
            "ores": "Руды",
            "ironore": "Железная руда",
            "titranium": "Титраниумная руда",
            "mondinium": "Мондиниумная руда",
            "ultranium": "Ультраниумная руда",
            "largerock": "Большой камень",
            "valley" : "Valley",
            "fortress": "Fortress",
            "transit": "Transit",
            "boonies": "Boonies",
            "crossroad": "Crossroad",
            "airfield": "Airfield",
            "carrier": "Carrier",
            "dome": "Dome",
            "arch": "Arch",
            "created": "Создано:",
            "names": "RogerHN и LuisMika",
            "legal": "Hurtworld и логотипы Hurtworld являются тварными знаками Bankroll Studios",
            "website": "Официальный сайт игры",
            "welcome": "Это первая версия карты.",
            "welcome2": "Если вы нашли баг, то пожалуйста пришли его в наш пост на ",
            "welcome3": "Reddit'e или в группу ВК.",
            "settings": "настройки",
            "languagechange": "Изменить язык",
            "translationbr": "Португальский Бразильский перевод RogerHN",
            "translationru": "Перевод на русский от Roofy",
            "translationde": "Перевод на Немецкий от Valixx",
            "translationcn": "Перевод на китайский от Smoke6",
            "translationpl": "Польский перевод от Magiczna Huśtawka",
            "translationro": "Румынский перевод от Blaconix",
            "translationtr": "турецкий перевод от Vinerra",
            "translationit": "Итальянский перевод от CHC",
            "translationes": "Испанский перевод Yoje",
            "version": "версия"
        }
    }

Answer 1

Not sure if you still require an answer to this so I'll just put this here in case anyone else faces a similar issue.

What I have done in a similar situation is:

$(document).ready(function() {
    var language = "en";
    if (localStorage.getItem("language") != null)
        language = localStorage.getItem("language");

    i18n.init({
        lng: language,
        resGetPath: '/languages/__lng__.min.json',
        fallbackLng: "en"
    }, function(o) {
        $(document).i18n()
    }), $(".lang").click(function() {
        var o = $(this).attr("data-lang");

        localStorage.setItem("language", o);

        i18n.init({
            lng: o
        }, function(o) {
            $(document).i18n()
        })
    })
});

This gives you a file per language and you can remove the language key from the file:

{
    "translation": {
         "help": "Help Me!
    }
}

If you have multiple namespaces you can also use a single file per namespace by using:

resGetPath: "/languages/__lng__/__ns__.min.json"

Your file /languages/en/translation.min.json should then contain no key for the namespace like so:

{
     "help": "Help Me!
}