html - 如何配置我的 HTML 以使用 i18next？

Question

我在客户端有一个带有 Nodejs、express 和 HTML 的应用程序。我想使用 i18next 内部化我的项目。在nodejs方面，没关系，我需要i18​​next并启动它。

var i18n = require('i18next'),
app = express();
i18n.registerAppHelper(app);
i18n.init({lng: "en-US"}, function(t){
var trad = i18n.t("trad.key1");
console.log("trad = " + trad);
});

在控制台日志中，我将 Translation.json 转换为变量 trad.key1。这是正确的。

知道了，问题是:我需要做什么才能在客户端 HTML 页面上使用 i18next？我找到了一些示例来执行此操作，但是使用 jQuery，但我不使用它。

感谢您的帮助。

Answer 1

完成了。

在 HTML 文件中，我需要引用 i18next.js 和 init i18n，如下所示。在 init i18n 上，我指定了正确的translation.json，如您所见。

<script type="text/javascript" src="i18next/i18next.js"></script>
<script>
    window.onload = function() {
        i18n.init({
            lng: "en-US",
            resGetPath:"locales/__lng__/translation.json"
        },function(t) {
            var translate = i18n.t("var.key1");
        });    
    };
</script>

仅此而已。