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.