如何将 React 应用程序中的文本提取到 json react-intl 翻译文件

Question

So I'm trying to add languages support to a React application using react-intl.

The application has the Text in the JSX code.

Is there a tool that can scan the code and generate ids for each Text and replace the text with the generated id?? Or do I have to do it manually?

Answer 1

Probably https://formatjs.io/docs/tooling/babel-plugin is what you need but I'm not sure. It's a babel plugin which can remove translation messages and generate message ids.

Edit : Wrong answer. In project there is no FormattedMessage components but only pure texts.