Awesome Open Source
Awesome Open Source

markdown-it loader for webpack Version Build Status

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-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: 'markdown-it',
      options: {
        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: 'markdown-it',
      options: {
        preset: 'default',
        typographer: true,
        use: [subscript, superscript, [container, "contained"]]
      }
    }]
  }
};

Meta

Contributors

License

Copyright (c) 2014 Daniel Perez Alvarez (unindented.org). This is free software, and may be redistributed under the terms specified in the LICENSE file.

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,072,185
Markdown (28,311
Highlighter (8,932