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文件引入并轉(zhuǎn)換
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
}
調(diào)用：this.md2html(readme);
本博主想把代碼全部拷過(guò)來(lái)，但是又覺(jué)得那樣別人會(huì)直接不懂腦筋的抄襲，所以最后一步留了一點(diǎn)點(diǎn)，只要稍微用心一下就能看懂的哦。
文章來(lái)源：田珊珊個(gè)人博客
來(lái)源地址：http://www.tianshan277.com/836.html
申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
