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

Question

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

Answer 1

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

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 }} />
}

Answer 2

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

所有构建设置都是预配置的，无法更改。

如果您想修改任何设置，您可以Eject从应用程序中修改。

“弹出”让您随时离开 Create React App 设置的舒适。您运行一个命令，所有构建依赖项、配置和脚本都直接移动到您的项目中。此时，您可以自定义您想要的所有内容，但实际上您正在分叉我们的配置并按照自己的方式进行。

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