有熟悉 webpack 的大神么？求思路

背景：有个网站项目，其中有些文档内容，以 md 形式放在固定一个文件夹内。

现在希望每次网站构建的时候，能自动扫描文件夹内的文件，根据文件名及内容来生成一个目录索引，比如：

const articleList = [
  {
    filename: 'xxxx',
    title: 'xxxx',
    content: 'xxxx',
  },
]

项目是用的 umi 框架，使用 webpack 5 来打包的。

目前初步想法是通过给 webpack 写 loader 或者 plugin 的方式来实现。

但是没研究清楚具体该用 loader 还是 plugin，如果用 plugin 的话，该在哪里做 hook ？生成的内容最好是仅存在于构建阶段或者结果中。

求大神指点。