javascript - 在一个 javascript 文件中为整个网站创建标签

Question

我正在使用 React js，并且正在创建一个多语言网站。

有没有办法创建一个 javascript 文件，我可以在其中放置所有文本、标签，然后在网站上使用它们？

我怎样才能做到这一点？

Answer 1

如果您想将 i18n 添加到您的应用程序中，有多种方法可以实现。在SO中你可以找到像this这样的解决方案。雅虎创建了一个名为 React Intl 的库(插件？)做同样的工作。

但是如果您想创建自己的文件，您可以创建一个 json 文件，例如:

{
  "en":{
    "okButton": "OK",
    ...
  },
  "es:{
    "okButton": "Aceptar",
    ...
  }
  "de": { ... }
}

然后只需选择一种语言。或者您可以为每种语言创建一个语言文件，这将为您提供更大的灵 active 和更小的文件。

假设您为每种语言创建一个文件(i18n_en.json、i18n_es.json...)，然后您可以检查当前要加载的语言是什么并仅加载所需的文件使用 Ajax 调用，生成类似以下内容的 URL:

const LANG_URL='/myPath/lang/i18n_';
var langFileUrl= LANG_URL+ language+'.json';