React Intl，如何一次编译多个语言文件？

import en from 'react-intl/locale-data/en';
import zh from 'react-intl/locale-data/zh';

addLocaleData([...en, ...zh]);

import { IntlProvider } from 'react-intl';

ReactDOM.render(
  <IntlProvider locale="en">
    <App />
  </IntlProvider>,
  document.getElementById('root')
);

import { FormattedMessage } from 'react-intl';

const MyComponent = () => (
  <div>
    <FormattedMessage id="greeting" defaultMessage="Hello, World!" />
  </div>
);

import { injectIntl } from 'react-intl';

const LanguageSwitcher = ({ intl }) => {
  const changeLanguage = (locale) => {
    // 切换语言的逻辑，例如使用 localStorage 存储用户选择的语言
  };

  return (
    <div>
      <button onClick={() => changeLanguage('en')}>
        {intl.formatMessage({ id: 'english' })}
      </button>
      <button onClick={() => changeLanguage('zh')}>
        {intl.formatMessage({ id: 'chinese' })}
      </button>
    </div>
  );
};

export default injectIntl(LanguageSwitcher);