小编nic*_*man的帖子

我正在将 React Intl 用于 x 种语言（如下所示），目前我在设置应用程序的位置导入以下内容：

import { addLocaleData } from 'react-intl';
import locale_en from 'react-intl/locale-data/en';
import locale_de from 'react-intl/locale-data/de';

import messages_en from './translations/en.json';
import messages_de from './translations/de.json';

addLocaleData([...locale_en, ...locale_de]);

...
export const messages = {
    en: messages_en,
    de: messages_de
}

由于无论使用哪种语言，这些语言文件都会被导入，我的主捆绑 js 文件变得相当大，尤其是 .json 文件。

如何使用 Webpack 拆分这些语言文件（或使用 CopyWebpackPlugin 将它们复制到我的 dist 文件夹中），然后根据当前使用的语言动态导入它们？

该应用程序是同构的，因此相同的代码正在服务器上运行。