关于javascript:mdloader

48次阅读

共计 294 个字符,预计需要花费 1 分钟才能阅读完成。

md-loader

组件文档是如何渲染进去

文档用于形容零碎性能,而组件文档形容组件的性能,对于前端组件为了直观体现个别会有一个预览模块,而个别组件文档都是采纳 markdown 编写,而 md 是文本内容且并没有渲染组件代码的能力,那么这是如何做的呢?

简略的说就是“自定义构造 ”,像 element-ui 中对代码的形容为<!--element-demo: YOU_CODE :element-demo—->,两头的YOU_CODE 能够放简略的 vue 组件代码。

这种构造通常都须要独自的提取形式,而提起过程如下:
xx.md -> markdown-it -> 解析构造 -> 提取 code -> 转换组件代码 -> render

正文完
 0