Webpack динамический импорт .json файл? - PullRequest
Новая
       24

Webpack динамический импорт .json файл?

1 голос
/ 19 сентября 2019

Я использую 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 разделить эти языковые файлы (или скопировать их в мою папку dist с помощью CopyWebpackPlugin), а затемдинамически импортировать их в зависимости от используемого на данный момент языка?

Приложение изоморфно, поэтому этот же код выполняется на сервере.

...