babel生成的Webpack 2动态导入文件

Question

当前设置

1. 通过create-react-app的设置中包含React的Webpack
2. Babel React Intl插件和Manager提取字符串进行翻译

期望的行为

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 ...})
}

这项工作吗？