前端开发-日常开发沉淀之在vue展示MD文件

方案1:每次都需要重新打包，每次修改都需要build

　　直接使用require('xxx路径')；

　　

示例代码：
　　需要添加MD文件的 markdown-loader
　　npm install --sava markdown-loader

　　　<div v-html="htmlMD"></div>

   this.htmlMD = require('./../static/MD/xxx.md');

方案2: 直接读取static静态资源MD文件

　　使用vue-markdown组件 + Axios；

　　

需要下载 vue-markdown 组件
npm install --save vue-markdown

<VueMarkdown :source="htmlMD"></VueMarkdown>

const url = `@/../static/xxx.md`;
Axios.get(url).then((response) => {
    this.htmlMD = response.data;
});
               

 

核心代码都上面；

有疑问可以看这位大佬写的

https://blog.0x5e.cn/2017/05/15/webpack-loader-process-markdown-files/　　

转载于:https://www.cnblogs.com/ChineseLiao/p/11079080.html