markdown-load-vue

Markdowm-load-vue

基于Vuepress的一个简单Markdowm转化为Vue的解析器，效果类似于Element UI 组件文档。

安装

---

> npm install markdown-load-vue

使用

---

在config.js文件修改内部的 Webpack 配置（configureWebpack）

//修改内部的 Webpack 配置
configureWebpack: (config, isServer) => {
  //...
  //添加‘.md’文件模块解析规则
  config.module.rules = config.module.rules.map(item => {
    let copy_item = {...item};

    if (copy_item.test.toString().indexOf('.md') > -1) {
        //使用markdown-load-vue解析器
        item.use.push({
            loader: 'markdown-load-vue'
        });
    }           
    return item;
  });
}

在.md文件中使用

    :::
    ```html
    //...写些vue代码

    ```
    :::