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

【问题标题】：How to extract Text in a React application to json react-intl translation files如何将 React 应用程序中的文本提取到 json react-intl 翻译文件
【发布时间】：2021-04-03 14:57:46
【问题描述】：

所以我正在尝试使用 react-intl 为 React 应用程序添加语言支持。

应用程序在 JSX 代码中有文本。

有没有工具可以扫描代码并为每个Text生成id并用生成的id替换文本？还是我必须手动完成？

【问题讨论】：

扫码？
是的，读取代码，找出文本，将它们复制到文件中，分配 id，用 id 替换文本。

标签： reactjs internationalization react-intl formatjs

【解决方案1】：

https://formatjs.io/docs/tooling/babel-plugin 可能是您需要的，但我不确定。它是一个 babel 插件，可以删除翻译消息并生成消息 id。

编辑：错误答案。项目中没有 FormattedMessage 组件，只有纯文本。

【讨论】：

如果您已经将纯文本作为 FomattedText 并分配了 id。它只是为您将它们提取到文件中。
您有自定义文本组件，其中包含需要转换为 FormattedText 的文本？
例如应该变成
然后你可以用你的编辑器在项目中进行正则表达式替换，但你必须手动编写。或者您可以编写一个脚本来替换和生成每个文件中的 id。