i18nize-react实现 React 应用国际化的工具

联合创作 · 2023-09-24 16:38

i18nize-react 是一个帮你实现 React 应用国际化的工具,只需一顿午饭的时间哦。


i18nize-react 查找 React 应用中硬编码的字符串内容,并替换成国际化的字符串绑定。使用babel来遍历 React 组件并进行处理。


diff


使用方法



  1. 首先使用 npm 安装全局 i18nize-react 


npm i -g i18nize-react


  1. 然后在 React 应用中运行 i18next


npm install i18next

使用最小改动对 i18next 变种进行测试


确保没有任何未分级的变化,你可能需要 git reset --hard.



  1. 接下来运行


i18nize-react


  1. 去吃午饭


  2. 运行你最喜欢的 linter 来清理


  3. 将会创建四个文件,分别是 src/i18n/init.jssrc/i18n/keys.jssrc/i18n/english.jssrc/i18n/chinese.js. 添加代码import ./i18n/init.js; 到你的应用入口,通常是src/index.js.


  4. 更改浏览器本地存储名为 lng 的键来查看变化


浏览 18
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报