使用 I18Next 本地化刺激应用程序

在我之前的文章中，我介绍了 Stimulus——一个由 Basecamp 创建的简单的 JavaScript 框架。今天我将讨论 Stimulus 应用程序的国际化，因为该框架不提供任何开箱即用的国际化工具。国际化是重要的一步，特别是当您的应用程序被世界各地的人们使用时，因此对如何进行国际化的基本了解可能真的会派上用场。

当然，由您决定实施哪种国际化解决方案，无论是 jQuery.I18n、Polyglot 还是其他解决方案。在本教程中，我想向您展示一个名为 I18next 的流行 I18n 框架，它具有许多很酷的功能，并提供许多额外的第三方插件来进一步简化开发过程。即使具有所有这些功能，I18next 也不是一个复杂的工具，您不需要学习大量文档即可开始使用。

在本文中，您将了解如何借助 I18next 库在 Stimulus 应用程序中启用 I18n 支持。具体来说，我们将讨论：

• I18下一个配置
• 翻译文件并异步加载
• 执行翻译并一次性翻译整个页面
• 处理复数和性别信息
• 在区域设置之间切换并将所选区域设置保留在 GET 参数中
• 根据用户的偏好设置区域设置

源代码可在教程 GitHub 存储库中找到。

引导刺激应用程序

首先，让我们克隆 Stimulus Starter 项目并使用 Yarn 包管理器安装所有依赖项：

git clone https://github.com/stimulusjs/stimulus-starter.git
cd stimulus-starter
yarn install