我正在使用 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 文件夹中),然后根据当前使用的语言动态地导入它们?
该应用程序是同构的,因此相同的代码在服务器上运行。