vue-cli3項目展示本地Markdown文件的方法

var MarkdownIt = require('markdown-it'),
md = new MarkdownIt();
console.log(md.render('# markdown-it rulezz!'))//<h1>markdown-it rulezz!</h1>
console.log(md.render('#markdown-it rulezz!'))//<p>#markdown-it rulezz!</p>

npm install hyperdown -D

let HyperDown = require('hyperdown');
let parser = new HyperDown;

module.exports = {
 chainWebpack: config => {
 config.module.rule('md')
 .test(/\.md/)
 .use('vue-loader')
 .loader('vue-loader')
 .end()
 .use('vue-markdown-loader')
 .loader('vue-markdown-loader/lib/markdown-compiler')
 .options({
 // markdown-it config
 preset: 'default',
 breaks: true,
 raw: true,
 typographer: true,
 preprocess: function(markdownIt, source) {
 return parser.makeHtml(source);//重點在這里！！！
 }
 })
 }
}