Файл динамического импорта Webpack 2, созданный babel

Question

Текущая настройка

1. Webpack с React в настройке, созданной create-react-app
2. Плагин и менеджер Babel React Intl для извлечения строк для переводов

Желаемое поведение

Плагин babel генерирует файл со всеми извлеченными строками, которые необходимо перевести. Все идет нормально. Это происходит во время работы webpack и babel (разбор и компиляция кода).

я бы хотел require что породило messages.json файл в мой код, потому что я должен отправить этот файл в API во время выполнения.

Поэтому я подумал об использовании функции динамического импорта Webpack 2 следующим образом:

export const getTranslations = (language) => {
    import('translations/en.json').then(messages => { ... do stuff ...})
}

Эта проблема

Конечно, Webpack не может найти этот файл во время компиляции, поэтому он жалуется:

Module not found: Can't resolve 'translations/en.json'

Answer 1

Если ваш файл находится в вашей папке (а не в node_modules), его путь должен быть записан как относительный:

export const getTranslations = (language) => {
  import('./translations/en.json').then(messages => { ... do stuff ...})
}

делаешь эту работу?