React-i18next和缓存的翻译文件

Question

我用的是" react-i18next ";翻译我的网站，翻译文件在"/public/locale/{en|fr}/translation.json"

问题:文件被缓存，因此当我更新翻译值时，除非我清理浏览器缓存，否则更改不会应用。

我猜，解决方案是在开始/构建期间在这些翻译文件的名称中添加哈希值。这是React已经为'/src'文件夹中的文件做的。我怎样才能做到呢?"react-scripts start/build"似乎抽象了所有的Webpack配置。

Answer 1

您可以在i18next-http-backend的帮助下在专用路径上托管翻译，就像这里描述的那样。

或者，您也可以使用专业的CDN服务，如locize，并通过i18next-locize-backend获取翻译，如这里所述。