vue-cli3解析并展示本地Markdown文件

最新推荐文章于 2024-09-18 12:19:11 发布

zqian1994

最新推荐文章于 2024-09-18 12:19:11 发布

阅读量885

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/zqian1994/article/details/122636154

版权

1、安装插件 vue-markdown-loader

npm i vue-markdown-loader -D
或
yarn add vue-markdown-loader

2、修改vue.config.js配置文件

module.exports = {
 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
   })
 }
}

3、使用

App.vue

<template>
 	<change-log></change-log>
</template>
<script>
import ChangeLog from '../CHANGELOG.md';
export default {
	components: {
		ChangeLog
	}
}
</script>