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

Question

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

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

Answer 1

看你用的是什么前端框架，有多种选择：

• 反应 - react-i18next
• Angular - Transloco

两者的执行方式相似。本质上，您要么创建一个翻译 JSON 文件，该文件将在运行时加载到客户端并用于翻译密钥。

或者，如果您愿意，可以创建多个翻译文件，比如每个文件对应一个大型组件或模块，这样可以使内容更加清晰和分离。