Webpack loader to translate markdown to HTML using markdownit.
npm install @nuxtjs/markdownit-loader> Convert Markdown file to HTML using markdown-it.
``bash`
npm i @nuxtjs/markdownit-loader --save-dev
webpack.config.js file (webpack 2.x):
`javascript`
module.exports = {
module: {
rules: [{
test: /\.md/,
loader: 'markdownit-loader'
}]
}
};
See markdown-it for a complete list of possible options.
`javascript
module.exports = {
module: {
rules: [
{
test: /\.md/,
use: [
{ loader: 'raw-loader' },
{
loader: 'markdownit-loader',
options: {
// markdown-it config
preset: 'default',
breaks: true,
preprocess: function(markdownIt, source) {
// do any thing
return source
},
use: [
/ markdown-it plugin /
'markdown-it-xxx',
/ or /
['markdown-it-xxx', 'this is options']
]
}
}
]
}
]
}
};
`
Or you can customize markdown-it
`javascript
var markdown = require('markdown-it')({
html: true,
breaks: true
})
markdown
.use(plugin1)
.use(plugin2, opts, ...)
.use(plugin3);
module.exports = {
module: {
rules: [
{
test: /\.md/,
use: [
{ loader: 'raw-loader' },
{
loader: 'markdownit-loader',
options: markdown
}
]
}
]
}
};
`
e.g.
webpack config
`javascript`
resolve: {
alias: {
src: __dirname + '/src'
}
}
It'is work
`markdown
`
Incorrect
`markdown
``