markdown-blog-loader v1.0.0

markdown-blog-loader

webpack loader for importing markdown file with front-matter.

example

awesome-post.md

---
title: title of awesome post
tags: ['webpack', 'loader']
date: '2018-02-02'
---

# YEAH

import post from 'awesome-post.md';

/** post
{
  data: {
    title: 'title of awesome post',
    tags: ['webpack', 'loader'],
    date: '2018-02-02'
  },
  content: '# YEAH'
}
*/

install

npm install --save-dev markdown-blog-loader

yarn add --dev markdown-blog-loader

usage

webpack.config.js

{
  module: {
    rules: [
      {
        test: /\.md$/,
        use: [
          {
            loader: 'markdown-blog-loader'
          }
        ]
      }
    ]
  }
};

front-matter

supports 3 types

yaml

---
title: title of awesome post
tags: ['webpack', 'loader']
date: '2018-02-02'
---

json

--- json
{
  "title": "title of awesome post",
  "tags": ["webpack", "loader"],
  "date": "2018-02-02"
}
---

js

--- js
{
  title: 'title of awesome post',
  tags: ['webpack', 'loader'],
  date: '2018-02-02'
}
---