Webpack：如何将特定文件夹中的所有文件构建为JSON？

Question

说明

我使用Webpack 3.12.0构建游戏项目（React + Phaser）。

我有主项目文件，它内置在dist文件夹中，还有 levels文件夹，带有lof（例如20）子文件夹（一个用于一个级别），其中包含级别文件。

每个子文件夹都具有相同的结构

src/
|___levels/
    |___level-1/ ← Level 1 subfolder
        |___index.js
        |___data1.js
        |___data2.js
        |___…
        |___dataX.js

级别文件示例

级别文件看起来像这样

// Level 1
// 'src/levels/level-1/index.js'

import data1 from './data1'
import data2 from './data2'
…
import dataX from './dataX'

export default {
  data1,
  data2,
  …,
  dataX,
}

级别不会导入到任何项目文件中。它只是聚合来自源的不同数据并将其组合为单个Level对象。

我只想将每个Level转换为JSON文件并放入特殊的dist/levels文件夹中。

问题

我应该如何配置Webpack以将级别文件构建为JSON文件并将其移至dist/levels文件夹中？

更新

我找到了一半问题的解决方案：generate-json-webpack-plugin允许从文件生成JSON。

但是我仍然没有解决办法来获取文件夹中的所有文件以使用Webpack进行处理。