![[微笑]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web_seo/img/jj_emoji_1.7d9f699.png)
获得徽章 7
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
开发了一个脚本，使用 babel 自动为 React 项目添加国际化, 如果你的项目已经做了一大半突然要添加国际化功能，或者想对一个英文的项目添加国际化支持，可以参考我的这个脚本，这个脚本能够帮你处理大概 90% 的任务。
例如：
``` jsx
<div title="add" key="add">add<div>
```
经过处理后会变成这样
``` jsx
import {t} from 'i18next'
<div title={t("add")} key="add">{t("add")}<div>
```
这是我在为 minio 控制台添加国际化时开发的脚本，项目封装度不高，有这种需求的需要自己 fork 源码进行针对性的定制。
功能列表
1. 自动添加国际化函数
2. 提取 t('key') 中的 key
3. 使用百度翻译自动翻译 key
4. 去除多余的换行（为了使 code review 更加的整洁，只是移除在 transform 时多出的换行）
如果有什么新想法，可以联系我一起交流
例如：
``` jsx
<div title="add" key="add">add<div>
```
经过处理后会变成这样
``` jsx
import {t} from 'i18next'
<div title={t("add")} key="add">{t("add")}<div>
```
这是我在为 minio 控制台添加国际化时开发的脚本，项目封装度不高，有这种需求的需要自己 fork 源码进行针对性的定制。
功能列表
1. 自动添加国际化函数
2. 提取 t('key') 中的 key
3. 使用百度翻译自动翻译 key
4. 去除多余的换行（为了使 code review 更加的整洁，只是移除在 transform 时多出的换行）
如果有什么新想法，可以联系我一起交流
展开
评论
2
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章