❤
npm
Sign UpSign In

react-app-rewire-frontmatter-markdown

1.4.0 • Public • Published

react-app-rewire-frontmatter-markdown

npm

Add frontmatter-markdown-loader to create-react-app with react-app-rewired. You create-react-app project can import FrontMatter Markdown as React Component/HTML + FrontMatter Atrributes 🔌

Usage

yarn add -D react-app-rewire-frontmatter-markdown

Configuration

In config-overrides.js for react-app-rewired:

const rewireFrontmatterMarkdown = require('react-app-rewire-frontmatter-markdown');
 
module.exports = function override(config, env) {
  rewireFrontmatterMarkdown(config); // <-- THIS
  return config;
}

This inserts the loader config for /\.md$/.

Options

You can give your own options through the second argument.

const rewireFrontmatterMarkdown = require('react-app-rewire-frontmatter-markdown');
 
module.exports = function override(config, env) {
  // THIS
  rewireFrontmatterMarkdown(
    config,
    {
      mode: ['html', 'react'],
      markdownIt: {
        html: true,
        linkify: true,
        breaks: true
      }
    }
  );
  return config;
}

Full documentation for frontmatter-markdown-loader is in: https://hmsk.github.io/frontmatter-markdown-loader/options

Default option for frontmatter-markdown-loader is

{
  mode: ['react-component']
}

License

MIT License, Copyright 2019-present Kengo Hamasaki

Readme

Keywords

Package Sidebar

Install

npm i react-app-rewire-frontmatter-markdown

Repository

github.com/hmsk/react-app-rewire-frontmatter-markdown

Homepage

github.com/hmsk/react-app-rewire-frontmatter-markdown#readme

Weekly Downloads

2

Version

1.4.0

License

MIT

Unpacked Size

3.88 kB

Total Files

3

Last publish

Collaborators

  • hmsk
Try on RunKit
Report malware