Skip to content

aiyuekuang/umi-plugin-translate

Repository files navigation

translate

NPM version NPM downloads

translate

安装

$ npm install umi-plugin-translate
# or yarn add umi-plugin-translate

使用

$ umi translate or umi tr

准备工作

此为适配umi的插件,国际化规则参照antd,或者antd-pro

image-20220314103226027

配置

在 umi中的 config/config.js,

const translate={
    /** 翻译文件的后缀名,一般在使用umi创建项目时,是有js或者ts两种方式的*/
    suffix: 'ts',
    /** 输出翻译文件的对应表,一个对象代表一个语言
     * type:翻译对应的语言(谷歌翻译对应的语言标识)
     * fileName代表umi对应的语言文件夹和文件名(文件名和文件夹是一致的)
     * */
    translateTypes: [{ type: 'en', fileName: 'en-US' }, { type: 'ja', fileName: 'ja-JP' }],
        /**  输入的翻译类型(以哪种语言作为翻译的源),默认是中文
     * type:翻译对应的语言(谷歌翻译对应的语言标识)
     * fileName代表umi对应的语言文件夹和文件名(文件名和文件夹是一致的)
     * */
    from: { type: 'zh-CN', fileName: 'zh-CN' },
    /** 默认国际化文件的路径*/
    path: 'src/locales',
    /** {
            'en-US':{
              "运营组织层级":"set"
            },
            'ja-JP':{
              "运营组织层级":"set日本"
            }
          }
    */
    humanTranslate:{}
}
  • suffix 翻译文件的后缀名,一般在使用umi创建项目时,是有js或者ts两种方式的
  • translateTypes 输出翻译文件的对应表,一个对象代表一个语言,翻译语言参照
  • from 输入的翻译类型(以哪种语言作为翻译的源),默认是中文
  • path 默认国际化文件的路径(默认以antd-pro的位置src/locales)
  • humanTranslate 手动翻译---针对各别机翻不准确的文本,可以进行手动翻译,在翻译到这个文本时会使用设置的文本,而不会使用机翻。如:en-US是国际化的本地代码,跟translateTypes中的fileName保持一致,他的子对象key是被翻译的字符串,value是翻译后的对应语言的文本

LICENSE

MIT

Releases

No releases published

Packages

No packages published