nuxt+vue项目中要实现展示markdown文件

npm i markdown-loader html-loader --save
npm i showdown --save

  build: {
    transpile: [/^element-ui/],
    /*
    ** You can extend webpack config here
    */
    extend (config, { isDev, isClient }) {
         config.module.rules.push({
          test: /\.md$/,
          use: [
            {loader: 'html-loader'},
            {loader: 'markdown-loader', options: {}}
          ],
        })
    }
  },

  import readme from  '~/static/api.md';
  Vue.prototype.md2html = (md)=> {
    let converter = new showdown.Converter()
    let text = md.toString()
    let html = converter.makeHtml(text)
    return html
  }
调用：this.md2html(readme);