Umi-plugin-translate NPM

translate

安装

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

使用

$ umi translate or umi tr

准备工作

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

配置

在 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是翻译后的对应语言的文本