В настоящее время я импортирую файлы MDX с помощью плагина gatsby-plugin-mdx
и отображаю их как страницы с использованием createPage
. В запросе GraphQL у меня есть доступ к дереву ast:
const { mdx } = data
const {
frontmatter: { title, description, excerpt },
body,
mdxAST
} = mdx
Однако я бы хотел импортировать mdx напрямую для использования с включением @reach/router
в качестве компонента вместо того, чтобы предварительно обернуть его как страницу. Итак, я делаю:
import FAQ, { _frontmatter } from 'components/mdx/faq.mdx'
Это дает мне frontmatter и компонент, содержащий преобразованную уценку. Но дерево AST недоступно в этом экспорте.
Как можно:
- получить дерево ast
- использовать плагин для преобразования файлов MDX, но не в виде полной страницы. Каким-то образом сделать их доступными в качестве компонентов.