react-markdown-reader

markdown reader

Usage no npm install needed!

<script type="module">
  import reactMarkdownReader from 'https://cdn.skypack.dev/react-markdown-reader';
</script>

README

react-markdown-reader

Install

npm install html-loader --save-dev
npm install markdown-loader --save-dev
npm install react-markdown-reader --save-dev

Usage

webpack.config.js

webpack >= 2

const markdownRenderer = require('react-markdown-reader').renderer;

{
  test: /\.md$/,
  use: [{
    loader: 'html-loader'
  }, {
    loader: 'markdown-loader',
    options: {
      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>;