想要给框架增加一个使用说明,readme已经写了,不想维护两个,但是尝试了好多方法都是报错的,最后终于可以了。
思路就是用text-loader把md文件转换成text,vue-markdown作为组件来解析text。
1、首先安装text-loader
npm install text-loader
2、修改webpack.base.config.js,我用的cli所以自己加了一个vue.config.js
module.exports = {
//此部分
configureWebpack: {
module: {
rules: [
{
test: /\.md$/,
use: ["text-loader"]
}
]
}
}
};
3、安装vue-markdown
npm install vue-markdown
3、引入vue-markdown作为组件
import VueMarkdown from "vue-markdown"
components: { VueMarkdown },
4、引入md文件
const articleList = require("../README.md")
5、整体vue
<template>
<div class="about">
<vue-markdown :source="md "><