Parcel

你需要安装 @mdx-js/parcel-plugin-mdx 插件才能转换 MDX 文件。

npm install --save-dev @mdx-js/parcel-plugin-mdx @mdx-js/react@next

安装之后，Parcel 就能够自动处理 MDX 文件了。

Babel 配置

你还需要配置 babel 才能支持 MDX 所支持的语言特性。 实现这一目标的方法是将包含以下内容的 .babelrc 文件放到 项目的根目录下。

{
  "presets": ["@babel/env", "@babel/react"]
}

然后安装依赖项：

npm install --save-dev @babel/preset-env @babel/preset-react