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 的键来查看变化

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报