我已经成功实现了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');
这意味着我将在代码本身内维护英语翻译。但是,我确实使用i18next-parser使用单独的
translation.json
文件维护其他语言: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文件?
最佳答案
也许我在这里错过了一些东西,但是你不能简单地做到这一点:
if (userLanguage != 'en') {
i18n.init({
lng : userLanguage,
shortcutFunction : 'defaultValue',
fallbackLng : false,
load : 'unspecific',
resGetPath : 'locales/__lng__/__ns__.json'
});
}
这样,除非您确实需要翻译服务,否则您的脚本i18n不会被初始化。
关于javascript - i18next最佳做法,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26561879/