Docusaurus v2 和 GraphQL Playground 集成

Question

我想在我的一个页面中将 GraphQL Playground 呈现为 React component，但由于 webpack 中缺少 file-loader 而失败。有没有办法在 docs 中解决这个问题，还是我需要使用新的 webpack 配置创建新插件？

将 Playground 和 Docusaurus 完全集成是个好主意吗？

感谢您的想法...

Answer 1

不确定您是否找到了更好的方法，但请查看：https://www.npmjs.com/package/graphql-playground-react

你可以将这个 react 组件直接嵌入到你的 react 应用中——看起来 Apollo 也使用了这个的 vanilla JS 版本

Answer 2

一些 Docusaurus 网站嵌入了 Playground：

• Hermes
• Uniforms

在您的情况下，您将不得不编写一个插件来使用 file-loader 扩展 webpack 配置。