后台

我有一个react web应用，front-end only，我使用命令react-scripts build构建。为了每次都能路由文件而不用手动将它们添加到代码中，我使用npm中的@react-file-based-routing/react-router-dom。
我想知道这个库是如何工作的-它如何能够遍历我的项目中的文件并将它们添加到路由器，我想知道如何自己做这样的事情。

问题

因此，我的问题是，我如何创建一个简单的react页面，简单地显示源项目中某个目录中所有文件的名称（同样，它只是前端，因此根据我的理解，这些信息必须在构建过程中收集）。
例如，如果我最初选择了mydir目录，它包含hello.txt, b.exe, file.mp4，当访问mywebsite.com/showfiles时，它应该包含简单的html（可选css，js）和这三个文件的列表。

**旁注：**如果你认为这可以在没有react工具的情况下单独使用Node.js完成（并且不包括像webpack这样的新工具！），那就太酷了，尽管我对此表示怀疑。