[TOC] ## 2019年11月7日 使用eleme的md加载器 @vue/component-compiler-utils    - 问题描述: 因为需要实现加载md作为ui组件库的文档,文档里面 可以直接写vue的代码,同时显示代码和效果, 复制了饿了么ui的代码, 当时把处理的代码直接拿过来, 然后添加了loader之后就可以直接使用了 ,但是, 使用的时候还是有些问题,样式无法加载,所以想自己修改md加载的代码, **直接在js里面引入了md-loader,出现上面图2的错误**, 同时 markdown-it-chain 插件也有一个加载 markdown-it失败,路径未找到的错误, - 解决方案1 : 将依赖的@vue/component-compiler-utils,markdown-it-chain使用webpack编译为发布版 - 解决方案2 : 为什么之前可以直接在vue.config.js里面设置后直接运行? - 待论证: 使用两个loader, 第二个loader会加载第一个loader里面的依赖? - ...**最终问题原因** - 在代码里的loader里面加载了loader, 再引入的方式加载, 导致可能出现了死循环之类的, - 解决方法... 直接用一个文件引入就行了 ``` var mdLoader = require('../src/utils/md-loader-mulo/index') var res = mdLoader(` ## 罗戚洪 `); console.log(res); ``` ## markdown-it-chain 的错误 插件代码里面 toMd函数引入了 markdown-it, 直接引入他, 会加载当前项目的markdown-it ``` markdownIt=require(markdownIt) // => markdownIt=require('markdown-it') ```