如何以最佳方式在 SPA 中构建翻译文件？

Question

所以我的问题包括两个部分：

1. 我应该将我的翻译文件放在我的应用程序结构的顶部，还是应该在每个组件附近放置一个单独的翻译文件以使它们真正独立？如何以最好的方式组织它？
2. 在翻译文件 (JSON) 中组织翻译字符串以避免搜索和重复问题的最佳方法是什么？

Answer 1

取决于你使用的前端框架，有多种选择：

• 反应 - react-i18next
• 角 - Transloco

两者的执行是相似的。本质上，您可以创建一个转换 JSON 文件，该文件将在运行时加载到客户端并用于密钥转换。

或者，如果您愿意，您可以创建多个翻译文件，将每个翻译文件用于一个大型组件或模块，以使内容更加整洁和分离。