markdown生成组件库文档方案

成品

https://design.zzfzzf.com/

背景

开发一个组件库，我们往往本地npm link来调试，但是我们没有一个集中预览和查询使用文档的地方。在参考流行UI组件库后，最终借鉴arco的组件库文档生成方式。

所需要的知识基础

• markdown
• webpack-loader
• babel
• AST

以button按钮为列,文档分为描述、demo展示、demo源码

大致流程为markdown->html->JSX->AST->转化->生成最近展示的CODE