如何在Webpack中动态要求JSON文件？

Question

我有一堆需要动态require动态运行的json文件：

export const allLanguages = R.fromPairs(availableLanguages.map(language => {
  return [
    language,
    {
      translation: require('./' + language + '.json'),
      formats
    }
  ] as [Language, any]
}))

但是我在运行Error: Cannot find module './ar.json'时得到了webpack --watch，并且可以看到json文件尚未复制到构建目录中。

因此，我尝试将{from: 'common/i18n/*.json'}添加到CopyWebpackPlugin参数，现在将json文件复制到正确的位置，但是在运行Error: Cannot find module './ar.json'时仍然得到webpack --watch。看来它们是在构建之后而不是在构建之前复制的，因此是错误的。

似乎有功能要求允许在复制CopyWebpackPlugin之前复制文件：https://github.com/webpack-contrib/copy-webpack-plugin/issues/195

在Webpack中处理此问题的正确方法是什么？