markdownit-loader

> Convert Markdown file to HTML using markdown-it.

Installation

``bash
npm i @nuxtjs/markdownit-loader --save-dev
`

Features

- Hot reload
- Code highlighting using highlight.js

Usage

Documentation: Using loaders

webpack.config.js file (webpack 2.x):

`javascript
module.exports = {
module: {
rules: [{
test: /\.md/,
loader: 'markdownit-loader'
}]
}
};
`

$3

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
}
]
}
]
}
};
`




Note

Resource references can only use absolute path

e.g.

webpack config
`javascript
resolve: {
alias: {
src: __dirname + '/src'
}
}
`

It'is work
`markdown



`

Incorrect

`markdown



``

License

MIT