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

MIT
JavaScript
跨平台
2019-05-19
红薯

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

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

React-Native学习资源

React-Native学习资源 目录 教程 React Native React.js ES6 系列教程 kai源APP 组件 工具 资源网站 业界讨论 教程 React Native React-Native专题系列文章不断更新ing(入门,组件,Api,kai源项...

2016/03/29 10:26
203
1
深入解析React中的元素、组件、实例和节点

React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 中的元素、组件、实例和节点,是React中关系密切的...

2018/12/14 21:13
167
0
osx安装reactphp

composer.phar

2015/10/13 12:46
30
0
react native 0.56.0

0.56.0 更新日志 能力有限,如有问题,请包涵(哈哈)原文请点击 欢迎 React Native 2018年6月份正式版的发布,超过53位捐献者提供797次提交,非常感谢你们每一位。 在您阅读本文的此刻,这个...

2018/07/17 14:39
100
0
React Native for Android 官方文档中文版(最新)全国首发

Facebook 于 2015 年 9 月 15 日发布了 React Native for Android, 把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台--Android。极客学院 Wiki 团队(http://wiki.ji...

2015/09/18 14:26
232
1
React 入门教程

阿里云大学免费课程:React 入门教程 课程介绍: React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。...

2018/08/28 11:06
2
0
React.render和reactDom.render的区别

刚开始学习react.js。发现网上的资料,有些是写着react.render,有些写着reactDom.render.觉得很奇怪就查阅了一下资料。解释如下。

2016/03/14 15:42
9.6K
3
React Native ChangeLog 中文版收集

官方英文版 https://github.com/react-native-community/react-native-releases/blob/master/CHANGELOG.md react-native 0.57版本迁移教程 https://www.jianshu.com/p/cc0174b4a9c5 React N...

2018/09/16 18:06
31
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部