在开发 Web 应用程序时，多语言支持一直是一个必要的功能。i18n-universal 是一种 Node.js 库，旨在简化应用程序中的多语言支持。它提供了基本的本地化支持，以帮助前端开发人员为他们的应用程序添加多语言支持。
本教程将向您展示如何使用 i18n-universal，让您的应用程序支持多语言。
安装 i18n-universal
在开始使用 i18n-universal 之前，您需要安装它。您可以使用 npm 或 yarn 来安装它。
npm install i18n-universal
或者
yarn add i18n-universal
配置 i18n-universal
在您的项目中，创建一个名为 locales 的文件夹，其中包含您要支持的语言的所有本地化文本。例如，如果您想支持英语、法语和西班牙语，那么您的 locales 文件夹应该如下所示：
locales - en.json - fr.json - es.json
每个本地化文件应该包含一个 JSON 对象，其中包含该语言的所有本地化文本。例如，您的 en.json 文件应该如下所示：
{
"hello": "Hello",
"world": "World"
}然后，您需要在应用程序的主文件中配置 i18n-universal。例如，在 React 应用程序中，您可以在 index.js 文件中执行此操作：
-- -------------------- ---- -------
------ ---- ---- -----------------
------ -- ---- --------------------
------ -- ---- --------------------
------ -- ---- --------------------
-----------
-------------- -----
-------- -
---
---
---
--
---在此示例中，我们将默认语言设置为英语，然后指定了应用程序支持的所有语言。如果您想支持更多语言，只需添加一个新的本地化文件，并将其添加到配置中。
使用 i18n-universal
现在，您已经设置了 i18n-universal，您可以使用它来本地化您的应用程序。假设您想在应用程序中显示“Hello World！”文字。您可以使用以下代码：
-- -------------------- ---- ------- ------ ---- ---- ----------------- ----- ---------- - -- -- - ----- ----- - ------------------ ----- ----- - ------------------ ------ ------------ --------------- -- ------ ------- -----------
在此示例中，我们使用 i18n.get() 函数来获取本地化文本。当前语言由 i18n.currentLocale() 函数确定。如果要更改当前语言，请使用 i18n.load() 函数加载另一个语言：
i18n.load("fr");在此示例中，我们将当前语言更改为法语。
结论
i18n-universal 使前端开发人员能够轻松地为应用程序添加多语言支持。本教程向您展示了如何安装、配置和使用该库。如果您正在寻找您的下一个应用程序中添加多语言支持的方式，那么 i18n-universal 可能是您所需要的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055a2e81e8991b448d7d0c