在 React 中进行本地化的正确方法是什么?



我使用了 webpack + StringReplacePlugin (参见 webpack.config.js#L130(,结果如下:

英语: https://www.zakiii.com

阿拉伯语:https://www.zakiii.com/ar

我有一个代码,每个JS文件都有dictionary.json,并配置了webpack以使用StringReplacePlugin处理本地化。现在我可以添加任何语言,阿拉伯语,法语,德语,阿马齐格语甚至中文,只需在JSON字典文件中添加额外的条目即可。

所以这发生在编译时,我相信这对应用程序性能有好处,但它为每种语言创建一个全新的应用程序副本,这会导致较大的捆绑包大小,或者如果您进行延迟加载,则会导致多个块。

有没有一种正确的方法可以在 React 应用程序(React-dom,而不是 React Native(中进行本地化,同时牢记性能和速度

使用 react-i18next。非常易于使用和维护

链接 - https://react.i18next.com/

相关内容

最新更新