i18nize-react 是一个帮你实现 React 应用国际化的工具,只需一顿午饭的时间哦。
i18nize-react 查找 React 应用中硬编码的字符串内容,并替换成国际化的字符串绑定。使用babel来遍历 React 组件并进行处理。
i18nize-react
babel
首先使用 npm 安装全局 i18nize-react
npm i -g i18nize-react
然后在 React 应用中运行 i18next
npm install i18next
使用最小改动对 i18next 变种进行测试
确保没有任何未分级的变化,你可能需要 git reset --hard.
git reset --hard
接下来运行
去吃午饭
运行你最喜欢的 linter 来清理
将会创建四个文件,分别是 src/i18n/init.js, src/i18n/keys.js, src/i18n/english.js, src/i18n/chinese.js. 添加代码import ./i18n/init.js; 到你的应用入口,通常是src/index.js.
src/i18n/init.js
src/i18n/keys.js
src/i18n/english.js
src/i18n/chinese.js
import ./i18n/init.js;
src/index.js
更改浏览器本地存储名为 lng 的键来查看变化
lng