
获得徽章 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 时多出的换行)
如果有什么新想法,可以联系我一起交流
展开
评论
3
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章