cra spectacle mdx boilerplate:一个基于CRA的样板用于使用MDX语法创建一个Spectacle幻灯片集 源码

Creact-React-App +眼镜+ MDX示例 Create-React-App很酷。 眼镜很酷。 MDX很酷。 他们真的应该一起工作。 但是开箱即用,他们没有。 我花了一个下午的时间将各个部分放在一起,所以我想与大家分享结果。 这是一个标准的新创建的CRA应用程序,其中Webpack配置是使用react-app-rewired rewired修改的。 这些更改在config-overrides.js中可见。 MDX加载是在mdx-loader.js处理的,它与项目中使用的基本相同。 该示例幻灯片大多也是从spectacle-boilerplate-mdx复制的,还添加了一些额外的幻灯片,以显示如何处理多个MDX文件,加载图像以及导入文本和代码以在幻灯片中作为代码块显示。 我还加载了带有Monokai主题的Prism.js的自定义版本,并且对幻灯片样式进行了一些特定的调