用于webpack的create-react-app markdown-loader

Question

我已经克隆了create-react-app，我想使用webpack插件markdown-loader。有人可以告诉我如何修改webpack.config.dev.js这样做。 感谢

Answer 1

取自Dan Abramovs的帖子：https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html

  

所有构建设置都已预先配置，无法更改。

如果您希望从应用中修改任何设置Eject。

  

“弹出”可让您随时享受Create React App设置的舒适感。您运行单个命令，并将所有构建依赖项，配置和脚本移动到您的项目中。此时，您可以自定义所需的一切，但实际上您可以分配我们的配置并按照自己的方式进行。

npm run eject会将所有配置选项移动到您的应用程序，让您完全控制配置。 - 这是一个单向过程。

Answer 2

如果您不想退出create-react-app，实际上使用加载程序指令非常简单。

1. 安装markdown-loader以将降价转换为HTML
2. 安装html-loader以便能够将HTML加载到JS

然后：

import YourMarkdown from '!html-loader!markdown-loader!./YOURFILE.md'

export default function MarkdownComponent() {
  return <div dangerouslySetInnerHTML={{ __html: YourMarkdown }} />
}