Reactjs 如何在运行时获取react文件的（公共）路径？

假设我有一个与Webpack捆绑的React应用程序，我想构建一个工具，当在浏览器中打开应用程序时，我将能够迭代所有React组件并获得它们的公共路径

例如，如果我有组件树：

<App>
  <MyCustomComponent/>
</App>

[
  { name: 'App', path: './public/component/App.tsx'}
  { name: 'MyCustomComponent', path: './public/component/custom/MyCustomComponent.tsx'}
]