1、安装依赖
npm i markdown-loader html-loader –save
npm i showdown –save
2、配置nuxt.config.js文件
build: {
transpile: [/^element-ui/],
/*
** You can extend webpack config here
*/
extend (config, { isDev, isClient }) {
config.module.rules.push({
test: /\.md$/,
use: [
{loader: ‘html-loader’},
{loader: ‘markdown-loader’, options: {}}
],
})
}
},
3、markdown文件引入并转换
import readme from ‘~/static/api.md’;
Vue.prototype.md2html = (md)=> {
let converter = new showdown.Converter()
let text = md.toString()
let html = converter.makeHtml(text)
return html
}
调用：this.md2html(readme);
本博主想把代码全部拷过来，但是又觉得那样别人会直接不懂脑筋的抄袭，所以最后一步留了一点点，只要稍微用心一下就能看懂的哦。
文章来源：田珊珊个人博客
来源地址：http://www.tianshan277.com/836.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：SEO优化专员，转转请注明出处：https://www.chuangxiangniao.com/p/899807.html
