成品 https://design.zzfzzf.com/ 背景 开发一个组件库,我们往往本地npm link来调试,但是我们没有一个集中预览和查询使用文档的地方。在参考流行UI组件库后,最终借鉴arco的组件库文档生成方式。 所需要的知识基础 markdown webpack-loader babel AST 以button按钮为列,文档分为描述、demo展示、demo源码 大致流程为markdown->html->JSX->AST->转化->生成最近展示的CODE