javascript - 在 Gatsby 页面/组件中包含源文件的原始 JSX 文本？

Question

我正在一个 Gatsby 站点上工作，该站点具有 React 组件的文档。我有几个示例组件显示了组件的示例用法。示例组件用作实时示例，但我还想展示示例的代码。目前，我只是复制源代码并将其粘贴到code文档页面的一个块中，但这感觉像是重复工作。

有没有办法让 Gatsby 读取源文件的内容，并将其插入到一个code块中，这样我就不必让页面中的示例源与实际源保持同步？

我试过用raw-loader来做到这一点。它几乎可以工作，但它包含已编译的 JavaScript，因此 JSX 语法消失了。有没有我可以使用的选项raw-loader来完成我在这里需要的？

标签： javascriptreactjsgatsby