extract-locale

使用 babel 自动收集未翻译的文案 并替换为 formatMessage

源文件

const App = (user) => {
  return (
    <div>
      <div>用户名: {user.name}</div>
      <div>地址: {user.adderss}</div>
    </div>
  );
};

执行该命令

extract-locale ./src/**/*.{ts,tsx}

编译后的文件

import { useIntl } from "xxx/IntlProvider";

const App = (user) => {
  const intl = useIntl();
  return (
    <div>
      <div>
        {intl.formatMessage("@LOCALE_TEXT_0")} {user.name}
      </div>
      <div>
        {intl.formatMessage("@LOCALE_TEXT_0")} {user.adderss}
      </div>
    </div>
  );
};

对应的文案

{
  "@LOCALE_TEXT_0": "用户名:",
  "@LOCALE_TEXT_1": "地址:"
}

参数

主要参数为 文件匹配符

参数	缩写	描述
--locale	-l	输入已存在的 localemap
--prefix	-p	国际化文案的前缀(@LOCALE_TEXT_)
--offset	-o	起始序号(0)
--no-auto	-A	是否禁止自动替换(false)
--no-auto-name		是否禁止自动命名(false)