javascript - i18next 最佳实践

Question

我已经成功实现了 i18next，顺便说一句，它是一个很棒的库!尽管我仍在寻找“最佳实践”。这是我现在的设置，总的来说我喜欢:

var userLanguage = 'en'; // set at runtime

i18n.init({
    lng                 : userLanguage,
    shortcutFunction    : 'defaultValue',
    fallbackLng         : false,
    load                : 'unspecific',
    resGetPath          : 'locales/__lng__/__ns__.json'
});

在 DOM 中我做这样的事情:

<span data-i18n="demo.myFirstExample">My first example</span>

在 JS 中我做这样的事情:

return i18n.t('demo.mySecondExample', 'My second example');

这意味着我在代码本身中维护英文翻译。然而，我确实使用单独的 translation.json 文件维护其他语言，使用 i18next-parser:

gulp.task('i18next', function()
{
    gulp.src('app/**')
        .pipe(i18next({
            locales : ['nl','de'],
            output  : '../locales'
        }))
        .pipe(gulp.dest('locales'));
});

一切都很好。唯一的问题是，当我将 'en' 设置为 userLanguage 时，i18next 坚持获取 /locales/en/translation.json 文件，即使它不包含任何翻译。为防止出现 404，我目前在该文件中提供一个空的 json 对象 {}。

有没有办法完全阻止加载空的 .json 文件？

Answer 1

也许我在这里遗漏了一些东西，但你不能简单地这样做:

if (userLanguage != 'en') {

    i18n.init({
        lng                 : userLanguage,
        shortcutFunction    : 'defaultValue',
        fallbackLng         : false,
        load                : 'unspecific',
        resGetPath          : 'locales/__lng__/__ns__.json'
    });
}

那样的话，除非您确实需要翻译服务，否则您的脚本 i18n 不会被初始化。