悠悠楠杉
网站页面
如何在Vue中实现.md文件预览功能
07/02
引言
。
```bash
npm install vue-markdown-loader --save-dev
或者使用yarn
yarn add vue-markdown-loader --dev
```
2. 配置Webpack
。对于非Vue CLI项目，你需要修改webpack的配置文件。
javascript
// vue.config.js
const VueMarkdownLoader = require('vue-markdown-loader');
module.exports = {
chainWebpack: config => {
config.module
.rule('md')
.test(/\.md$/)
.use('vue-loader')
.loader(VueMarkdownLoader)
.end()
}
};
在Vue组件中，你可以直接导入并使用.md文件。
```vue
```
vue-markdown-loader
markedmarked。
```bash
npm install marked --save-dev
或者使用yarn
yarn add marked --dev
```
MarkdownViewer.vue
```vue
