vue cli添加webpack配置官网详解:
https://cli.vuejs.org/zh/guide/webpack.html#%E9%93%BE%E5%BC%8F%E6%93%8D%E4%BD%9C-%E9%AB%98%E7%BA%A7
- 新建md文件:
scr
|-assets
|-hello.md
- 创建用于显示markdown文档的markdown.vue
<template>
<my-markdown></my-markdown>
</template>
<script>
import myMarkdown from '../assets/hello.md';
export default {
name:'markdown',
components: {
myMarkdown
}
}
</script>
- 添加Webpack配置
在根目录下创建文件vue.config.js,这里的运行顺序同webpack原始配置顺序一致,从低到高运行。
//vue.config.js
module.exports = {
chainWebpack: config => {
const markdownRule = config.module.rule('markdown); //自动添加rule
markdownRule.test(/\.md$/);
markdownRule.use('vue-loader')
.loader('vue-loader')
.end()
.use('vue-markdown-loader')
.loader(&#