vue项目中要实现展示markdown文件

文章目录

  • 划重点(∩_∩)

网上有很多用vuepress的方法,我试了下,另外起一个vue程序的话,很容易实现该方法,但是如果是要嵌入到已有的vue项目中,我没有尝试成功,于是用了以下方法来实现。

1)安装npm install text-loader --save

2)在webpack.base.config.js中添加
	{
		test: /.md$/,
		loader: ‘text-loader’
	}
然后通过import READMD from ‘./README.md’,即可正确获取.md文件中的md原始内容。

3)安装md解析器如vue-markdown,npm install vue-markdown --save
vue文件代码如下:





划重点(∩_∩)

本人程序媛一枚,因为离港澳较近,周末兼职港澳人肉代购。

欢迎各位大佬添加本人微信,还会经常有点赞活动送价值不菲的小礼品哦。

即使现在不需要代购,等以后有了女(男)朋友、有了宝宝就肯定会需要的喽。

动动手指头,扫码一下,就当是对本博文的支持嘛,也是对一个平凡、勤劳、勇敢、秀外慧中等等优点的程序媛莫大的支持哈。

你可能感兴趣的:(随手记)