[轮子] Markdown > Vue (webpack)

[wxsm]

先放项目地址： https://github.com/wxsms/vue-md-loader

其实类似的 loader 已经有了。做这个是为了解决一个突出的问题：Vue 相关项目文档的代码示例。

比如说这样的一个 Markdown 文件： https://github.com/wxsms/uiv/blob/master/docs/pages/components/Alert.md

要变成为这样的一个文档页面：https://uiv.wxsm.space/alert/

要实现同样的示例代码不用写两份，最理想的方案应该是直接通过 loader 解决。于是就有了这个轮子。

工作原理是：它可以将 Markdown 中需要实例化的 CodeBlocks 通过一定规则打包成独立的 Vue 组件，最后再将整个 Markdown 打包为父组件，这样就可以直接交给 vue-loader 加载了。

除此以外它也具备了其它的常用功能，如代码高亮，插件加载等。

使用方法：

module.exports = {
  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.md$/,
        loader: 'vue-loader!vue-md-loader'
      }
    ]
  }
}

[codermagefox]

刚好需要,收了,感谢楼主.
不过我准备抄一个改改,楼主别介意啊(我看是 MIT 来着)
已 Star

[viko16]

赞，
源码展示部分再加个可折叠就好了
（跟楼上一样抱走魔改去了~

[wxsm]

@codermagefox @viko16 感谢支持，有需求可以提 :D