@marvelsq/extract-locale v1.2.1

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": "地址:"
}

参数

主要参数为 文件匹配符