08月23, 2017

markdown转react组件

需求是做一个类似ant-design网站的功能,其实就是文档和代码查看及效果。

因为我不是太懂ts,所以就拉了一个ant-design1.x的分支,然后简单读了一下site目录的实现。朋友告诉我,它的实现是基于bisheng

于是又看了一下bisheng的相关资料。

关于原理,这个github,已经说的相当多了。当然我并没有看完,只是读了一半。

alt

官网这一张图,我理解了大半天,才懂了一些。

最后折腾出一个小demo出来,有兴趣的可以跑一下。

说一下坑:

ant-design由于拉的是1.x分支,所以它的besheng依赖是0.12.x。而我一开始没细看,直接npm install bisheng -D,导致安装的是0.24.x,调试了老半天出不来,最后才发现的不兼容。

希望bisheng作者以后有空了,能写一个升级指南和使用指南吧,反正还好有别人写的让我参考,不然真的很蛋疼。

本文链接:www.my-fe.pub/post/markdown-to-react-component.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。