使用 Vite 的动态延迟导入不适用于生产环境

Question

我想将多个 mdx 文件动态导入到 React 组件中，例如，我有一个页面根据所选语言需要不同的 mdx 文件，因此一次仅加载一个特定文件：

反应组件：

import { lazy } from 'react'
import { language } from 'currentLanguage'

const Content = lazy(() => import(`../assets/markdown/website/${language}/content.mdx`))

export const Page = () => (
  <div>
    <Content />
  </div>
)

Vite.config.js：

import mdx from '@mdx-js/rollup'
...
  plugins: [
    mdx(),
  ],
...

因此，这在开发中运行良好，但出现以下错误（但仍然有效）：

The above dynamic import cannot be analyzed by Vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.

  Plugin: vite:import-analysis

问题是，当我尝试构建生产时，它不起作用（mdx 文件未处理，也未添加到 dist 文件夹中），并且我不知道在哪里添加这些 mdx 文件的列表，以便将它们处理到捆？或者我是否需要将选项传递给mdx()插件（options.baseUrl）？