在开发多语言网站时，i18n（internationalization）是必不可少的一个环节。i18next 是一个受欢迎的开源 JavaScript 库，用于实现国际化和本地化。i18next-chained-backend是i18next的一个插件，用于在多个后端存储中实现多语言支持。本文将重点介绍 npm 包 i18next-chained-backend 的使用教程。
1. 安装 i18next-chained-backend
使用 npm 安装 i18next 和 i18next-chained-backend，执行以下命令：
npm install i18next i18next-chained-backend --save
2. 配置 i18next-chained-backend
-- -------------------- ---- -------
------ ------- ---- ----------
------ ------- ---- --------------------------
------ --- ---- ----------------------
------ ------------------- ---- -------------------------------
------ ----- ---- -----------------------------
----- ------- - -
-- ------
-------- -
--------- -
-- -- ---- ----
----
-- ------
-------------------
--
--------------- -
-- -- ---- ------- -------------------
-
--------- ------------------------------
--
-- --------- ----------------------------
-
------- ---------------
--------- -
--- ---------
--- --------
-
-
-
--
------ -
-- ----
-------- -----
------- ---------------
--------------- - - -- - -- - -- - -----
--------- --
-
--
-------
-------------
---------------通过上面代码配置，可以看到：
1.使用 i18next-chained-backend 作为 i18next 的后端存储。
2.配置了 i18next-xhr-backend 和 i18next-localstorage-backend 两种后端存储。
3.配置了缓存。
3. 使用 i18next-chained-backend
// 获取某个语言下的某个 key
i18next.t('welcome');
// 翻译带变量的字符串
i18next.t('greeting', { name: 'bob' });这是一个简单的使用示例，在实际项目中，我们通常需要更多的配置，例如在 URL 中传递语言参数，采用不同的语言标识等等，详见 i18next 官方文档。
总结
i18next-chained-backend 可以在多个后端存储中实现多语言支持。
i18next-chained-backend 支持缓存，提高加载速度。
i18next-chained-backend 支持使用变量的翻译。
通过学习本教程，你可以掌握 i18next-chained-backend 的使用方法，更好地开发多语言网站。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/i18next-chained-backend