All Projects → peerigon → Markdown Loader

peerigon / Markdown Loader

Licence: mit
markdown loader for webpack

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Markdown Loader

Bootstrap Loader
Load Bootstrap styles and scripts in your Webpack bundle
Stars: ✭ 1,038 (+209.85%)
Mutual labels:  webpack, webpack2, webpack-loader
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✭ 105 (-68.66%)
Mutual labels:  webpack, webpack-loader, loader
Vue Md Loader
✨ Markdown files to ALIVE Vue components.
Stars: ✭ 78 (-76.72%)
Mutual labels:  webpack, webpack-loader, markdown
Stylefmt Loader
Webpack-loader. Fixes stylelint issues automatically while bundling with Webpack.
Stars: ✭ 24 (-92.84%)
Mutual labels:  webpack, webpack-loader, loader
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+511.64%)
Mutual labels:  webpack, webpack2, webpack-loader
Thread Loader
Runs the following loaders in a worker pool
Stars: ✭ 945 (+182.09%)
Mutual labels:  webpack, webpack-loader, loader
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-71.94%)
Mutual labels:  webpack, webpack2, webpack-loader
Sass Loader
Compiles Sass to CSS
Stars: ✭ 3,718 (+1009.85%)
Mutual labels:  webpack, webpack-loader, loader
Svg Sprite Loader
Webpack loader for creating SVG sprites.
Stars: ✭ 1,822 (+443.88%)
Mutual labels:  webpack, webpack2, webpack-loader
Style Loader
Style Loader
Stars: ✭ 1,572 (+369.25%)
Mutual labels:  webpack, webpack-loader, loader
Node Addon Loader
A loader for node native addons
Stars: ✭ 17 (-94.93%)
Mutual labels:  webpack, webpack2, webpack-loader
Webpack2 Lessons
📖《webpack2 包教不包会》
Stars: ✭ 187 (-44.18%)
Mutual labels:  webpack, webpack2, loader
Wasm Loader
✨ WASM webpack loader
Stars: ✭ 604 (+80.3%)
Mutual labels:  webpack, webpack-loader, loader
Svgr
Transform SVGs into React components 🦁
Stars: ✭ 8,263 (+2366.57%)
Mutual labels:  webpack, webpack-loader, loader
Css Loader
CSS Loader
Stars: ✭ 4,067 (+1114.03%)
Mutual labels:  webpack, webpack-loader, loader
Webpack Conditional Loader
C conditionals directive for JavaScript
Stars: ✭ 93 (-72.24%)
Mutual labels:  webpack, webpack2, webpack-loader
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✭ 112 (-66.57%)
Mutual labels:  webpack, webpack-loader, loader
Pug As Jsx Loader
Stars: ✭ 168 (-49.85%)
Mutual labels:  webpack, webpack-loader, loader
String Replace Loader
Replace loader for Webpack
Stars: ✭ 205 (-38.81%)
Mutual labels:  webpack, webpack2, webpack-loader
Vue Template Loader
Vue.js 2.0 template loader for webpack
Stars: ✭ 253 (-24.48%)
Mutual labels:  webpack, webpack-loader

markdown-loader

markdown-loader for webpack using marked.

install size Dependency Status Build Status

Installation

npm install markdown-loader

Changelog

Usage

Since marked's output is HTML, it's best served in conjunction with the html-loader.

Webpack 2+

{
    module: {
        rules: [{
                test: /\.md$/,
                use: [
                    {
                        loader: "html-loader"
                    },
                    {
                        loader: "markdown-loader",
                        options: {
                            /* your options here */
                        }
                    }
                ]
            }]
    }
}

Options

Pass your marked options as shown above. In order to specify custom renderers, set the options.renderer-option in your webpack config.

// webpack.config.js

const marked = require("marked");
const renderer = new marked.Renderer();

return {
    module: {
        rules: [{
                test: /\.md$/,
                use: [
                    {
                        loader: "html-loader"
                    },
                    {
                        loader: "markdown-loader",
                        options: {
                            pedantic: true,
                            renderer
                        }
                    }
                ]
            }]
    }
}

License

MIT (http://www.opensource.org/licenses/mit-license.php)

Sponsors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].