npm install html-loader@0.5.4 --save-dev html-loader 安装的时候,如果不加版本号,就会报错,加上就好了
npm i markdown-loader
npm install marked
安装完这三个包就ok了,我是vue的项目。
<script>
const marked = require('marked')
methods:{
//res.data是从markdown中取出的数据
const htmlMD = marked(res.data);
this.data = htmlMD}
页面里面
<div v-html="data"></div>
在vue.config.js中加入
configureWebpack: {
module: {
rules: [
// 配置读取 *.md 文件的规则
{
test: /\.md$/,
use: [
{ loader: "html-loader" },
{ loader: "markdown-loader", options: {} }
]
}
]
}
},