npm install html-loader --save-dev
npm install markdown-loader --save-dev
npm install react-markdown-reader --save-dev
webpack.config.js
webpack >= 2
const markdownRenderer = require('react-markdown-reader').renderer;
{
test: /\.md$/,
use: [{
loader: 'html-loader'
}, {
loader: 'markdown-loader',
options: {
pedantic: true,
renderer: markdownRenderer(/**languages[string]**/)
}
}]
}
注意: markdownRenderer 参数 languages,是为了按需加载,解决加载所有的语言包文件过大的问题。默认值:
["javascript", "bash", "xml", "css", "markdown", "less"];
Exmaple
import { Markdown } from 'react-markdown-reader';
import 'react-markdown-reader/less/highlight.less'
<Markdown>
{require('./README.md')}
</Markdown>