markdown-it-front-matter-loader

markdown-it front-matter loader for webpack

Based on markdown-it loader by Daniel Perez Alvarez.

Parses source as Markdown using the awesome markdown-it parser.

By default, markdown-it-loader will highlight code blocks using highlight.js.

Installation

$ npm install --save markdown-it-front-matter-loader markdown-it highlight.js

Usage

Documentation: Using loaders

In your webpack.config.js file:

var subscript = require('markdown-it-sub');
var superscript = require('markdown-it-sup');

module.exports = {
  module: {
    loaders: [{
      test:   /\.md/,
      loader: 'json!markdown-it-front-matter'
    }]
  },

  'markdown-it-front-matter': {
    preset: 'default',
    typographer: true,
    use: [subscript, superscript]
  }
};

If you need to use a plugin that requires extra options such as markdown-it-container, you can use the following syntax:

var container = require('markdown-it-container');
var subscript = require('markdown-it-sub');
var superscript = require('markdown-it-sup');

module.exports = {
  module: {
    loaders: [{
      test:   /\.md/,
      loader: 'json!markdown-it-front-matter'
    }]
  },

  'markdown-it-front-matter': {
    preset: 'default',
    typographer: true,
    use: [subscript, superscript, [container, "contained"]]
  }
};

License

MIT