vue组件直接读取本地静态.md文档并展示配合mavon-editor

思路先读取本地md文档  拿到读取的md文档，展示在mavon-editor组件里

1、首先安装text-loader

       npm install text-loader

2、修改webpack.base.config.js，我用的cli所以自己加了一个vue.config.js

      module.exports = {
      //此部分
     configureWebpack: {
       module: {
         rules: [
         {
           test: /\.md$/,
          use: ["text-loader"]
         }
      ]
    }
  }
}

3、安装vue-markdown

    npm install vue-markdown

4、vue-markdown 要引入过来，以便展示 .md里的内容能够展示出来。

代码示例

        <div class="mavonEditor">
          <mavon-editor
            v-if="MdValue"
            v-model="MdValue"
            :editable="false"
            :value="MdValue"
            :subfield="false"
            :defaultOpen="'preview'"
            :toolbarsFlag="false"
            :scrollStyle="true"
            :ishljs="true"
            :navigation= "true"
            @navigationToggle	="onAddUrl"
            style="max-height: 1000px"
          />
          </div>
      </div>

 

效果：