reactjs - 使用 Create React App 在运行时加载静态文件

Question

我有一个简单的 Create React App，它在运行时加载一堆静态降价内容，并将一个mdx-loader应用于该内容以替换降价中找到的任何反应组件。

export default function Page() {
  const { pathname } = useLocation();
  const fileName = useFileName(pathname);

  const Content = React.lazy(() => 
    import(`!babel-loader!mdx-loader!../staticMarkdown/${fileName}`)
  );

  return (
      <Suspense fallback={<h1>loading</h1>}>
        <Content />
      </Suspense>
  );
}

markdown 内容是动态的fileName，通过 React Router 获取。大约有 25 个按名称动态加载的降价文件。它们都在同一个文件夹中。我希望这些文件能够投入生产。有没有办法将这些文件添加到静态包中，或者从public文件夹中加载它们？我不确定使用 React 和 MDX 的最佳方法是什么。