项目场景:
提示:这里简述项目相关背景:
vue 前端页面引入 .md文件
解决方案:
提示:这里填写该问题的具体解决方案:
- 1.安装依赖
npm install vue-markdown-loader --save
- 2.vue.config.js 中配置
chainWebpack: config => {
config.module
.rule("md")
.test(/\.md/)
.use("vue-loader")
.loader("vue-loader")
.end()
.use("vue-markdown-loader")
.loader("vue-markdown-loader/lib/markdown-compiler")
.options({
raw: true,
preventExtract: true
});
};
- 3.页面引入
<template>
<document />
</template>
<script>
import document from "./document.md";
export default {
components: {
document
}
};
</script>