共计 294 个字符,预计需要花费 1 分钟才能阅读完成。
md-loader
组件文档是如何渲染进去
文档用于形容零碎性能,而组件文档形容组件的性能,对于前端组件为了直观体现个别会有一个预览模块,而个别组件文档都是采纳 markdown 编写,而 md 是文本内容且并没有渲染组件代码的能力,那么这是如何做的呢?
简略的说就是“自定义构造 ”,像 element-ui 中对代码的形容为<!--element-demo: YOU_CODE :element-demo—->
,两头的YOU_CODE
能够放简略的 vue 组件代码。
这种构造通常都须要独自的提取形式,而提起过程如下:
xx.md -> markdown-it -> 解析构造 -> 提取 code -> 转换组件代码 -> render
正文完
发表至: javascript
2021-11-16