MDX

MDX 是 Markdown 的变体，编译为 JSX，支持在 Markdown 文档中嵌入交互组件。 Parcel 使用 @parcel/transformer-mdx 插件自动支持 MDX。当检测到 .mdx 文件时，它会自动安装到您的项目中。

示例用法

首先，安装@mdx-js/react。这是将 MDX 文件呈现为 React 组件所必需的。

yarn add @mdx-js/react@^1

然后，您可以将 .mdx 文件导入 JavaScript 并使用 React 渲染它：

import Hello from "./hello.mdx";

export function App() {
  return <Hello />;
}

# Hello, MDX!

This is a pretty cool MDX file.