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.

Via webpack config (recommended)

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 | - |