首页 > 其他 > 详细

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

时间:2019-06-24 21:26:44      阅读:329      评论:0      收藏:0      [点我收藏+]

方案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/  

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

原文:https://www.cnblogs.com/ChineseLiao/p/11079080.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!