在前端开发中，国际化是一个非常重要的功能。它可以让我们的网站或应用程序更加友好，不同语言的用户也能够轻松的使用我们的产品。其中，一个非常流行的国际化解决方案是使用 i18n (internationalization) 库。
在本文中，我们将介绍一个非常强大的 npm 包 @bentley/imodeljs-i18n ，它是为了帮助前端工程师更方便地实现国际化而设计的。接下来，我们将详细介绍这个库的使用方法和示例代码。
安装
使用 npm 可以很容易地安装该库。
npm install --save @bentley/imodeljs-i18n
调用
- 首先，我们需要引入
I18N类。
import { I18N } from "@bentley/imodeljs-i18n";- 然后，我们需要创建一个新的
I18N实例。
const i18n = new I18N("my-app", {
urlTemplate: "/locales/{{lng}}/{{ns}}.json",
defaultNS: "translation",
supportedLngs: ["en", "fr", "de", "es"],
});在这个实例化过程中，我们配置了四个参数：
my-app是我们应用程序的名称。urlTemplate是我们语言文件的地址。其中，lng和ns分别表示语言和命名空间。defaultNS是默认的命名空间。supportedLngs是支持的语言列表。
- 接下来，我们需要加载语言文件。在
I18N类中，有一个readFinished属性，用于判断所有语言文件加载完毕。
i18n.on("readFinished", () => {
// 加载完毕
});
i18n.read();在这个过程中，我们使用 on 方法监听 readFinished 事件，并在事件触发后进行下一步操作。
- 当语言文件加载完毕后，我们就可以使用
i18n.translate方法进行翻译了。
const translated = i18n.translate("myTranslationKey");在这个过程中，我们使用 translate 方法翻译指定的文本。
示例
以下是完整的示例代码：
-- -------------------- ---- ------- ------ - ---- - ---- ------------------------- ----- ---- - --- -------------- - ------------ ------------------------------- ---------- -------------- -------------- ------ ----- ----- ------ --- ----------------------- -- -- - ----- ---------- - ----------------------------------- ------------------------ --- ------------
在这个示例中，我们创建了一个 I18N 实例，并监听了 readFinished 事件。在事件触发后，我们翻译了一个名为 myTranslationKey 的文本，并将结果打印到控制台上。
总结
通过本文的介绍，相信大家已经了解了 npm 包 @bentley/imodeljs-i18n 的基本用法。该库非常适用于前端项目的国际化功能开发，可以让开发人员更加轻松地实现多语言支持。需要注意的是，在使用该库时，需要保证我们的语言文件能够被正确加载。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/bentley-imodeljs-i18n