other

markdown生成组件库文档方案

发布于 4 年前

更新于 4 年前

0 次阅读

AI Quick Summary · 核心脉络

TL;DR

本文介绍了开发组件库时如何通过本地npm link调试，并借鉴arco组件库的文档生成方式，实现集中预览和查询使用文档的功能。文章详细描述了从markdown到最终展示的流程，包括markdown->html->JSX->AST->转化->生成CODE的步骤，并提供了相关技术参考链接。（预计阅读时间：1分钟）

成品

https://design.zzfzzf.com/

背景

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

所需要的知识基础

markdown
webpack-loader
babel
AST

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

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

感谢阅读本文 · 欢迎在下方留言交流你的想法

探索更多文章 →

讨论与反馈

成品

https://design.zzfzzf.com/

背景

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

所需要的知识基础

markdown
webpack-loader
babel
AST

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

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

成品

背景

所需要的知识基础

讨论与反馈

评论

成品

背景

所需要的知识基础