@umijs/plugin-locale使用

介绍

plugin-locale是一个国际化的插件，用于解决i18n问题，约定式的多语言支持，可以进行多个国际语言的切换

启用方式：

在umirc.ts文件中配置locale:{}开启

使用

在src下创建一个locales文件夹，在文件夹下配置我们的语言文件

中文语言文件：zh-CN.js

export default {
    WELCOME_TO_UMI_WORLD: '{name}，欢迎光临umi的世界',
  };

英文语言文件：en-US.js

export default {
    WELCOME_TO_UMI_WORLD: "{name}, welcome to umi's world",
  };

注意：如果项目配置了 singular: true ，locales 要改成 locale

App.ts 配置

import zhTW from 'antd/es/locale/zh_TW';
import {addLocale} from 'umi'

// 动态增加新语言
addLocale(
  'zh-TW',
  {
    // id 列表
    name: '妳好，{name}',
  },
  {
    momentLocale: 'zh-tw',
    antd: zhTW,
  },
);

动态的增加语言，增加语言之后可以通过getAllLocales获取列表

addLocale 三个参数。

• name 语言的 key。例如