文件名称：cra-spectacle-mdx-boilerplate:一个基于CRA的样板，用于使用MDX语法创建一个Spectacle幻灯片集
文件大小：228KB
文件格式：ZIP
更新时间：2024-04-06 04:53:11
JavaScript
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的自定义版本，并且对幻灯片样式进行了一些特定的调
【文件预览】：
cra-spectacle-mdx-boilerplate-master
----.gitignore(877B)
----README.md(1KB)
----public()
--------manifest.json(306B)
--------index.html(2KB)
--------favicon.ico(4KB)
----config-overrides.js(2KB)
----mdx-loader.js(2KB)
----package.json(1021B)
----src()
--------components()
--------presentation()
--------monokai.css(2KB)
--------index.js(1KB)
--------prism.js(16KB)
----.idea()
--------encodings.xml(159B)
--------vcs.xml(180B)
--------misc.xml(174B)
--------modules.xml(278B)
--------inspectionProfiles()
--------cra-spectacle.iml(458B)
----yarn.lock(466KB)