npm install --save-dev ware-loader
Use the loader either via your webpack config. Here is an example to parse markdown file as vue component.
webpack.config.js
const MarkdownIt = require('markdonw-it')
const md = new MarkdownIt()
module.exports = {
module: {
rules: [
{
test: /\.md$/,
loader: 'ware-loader',
enforce: 'pre',
options: {
raw: true,
middleware: function(source) {
return `<template><div>${md.render(source)}</div></template>`
}
}
},
{
test: /\.md$/,
use: 'vue-loader'
}
]
}
}
In your application
import Doc from './doc.md';
Option | Description | Type | Default |
---|---|---|---|
raw | If set to false , source will be wrapped with 'module.exports = ' + source |
boolean | false |
async | Whehter middleware should be async function | boolean | false |
middleware | Functions to change source | function[], function | - |
Cyril Su |