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.