MDX

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

¥MDX is a variant of Markdown that compiles to JSX, and supports embedding interactive components inside Markdown documents. Parcel supports MDX automatically using the @parcel/transformer-mdx plugin. When a .mdx file is detected, it will be installed into your project automatically.

用法示例

¥Example usage

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

¥First, install @mdx-js/react. This is needed to render MDX files as React components.

yarn add @mdx-js/react@^1

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

¥Then, you can import a .mdx file into your JavaScript and render it using React:

import Hello from './hello.mdx';

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

# Hello, MDX!

This is a pretty cool MDX file.