ehome-react-markdown-loader

ehome-react-markdown-loader

把 ehome-markdown-loader 的输出转化成React组件

使用方法

作为 webpack loader 使用

{
    module: {
        rules: [
            {
            test: /\.md$/,
            use: [
                'babel-loader',
                {
                    loader: require.resolve('react-markdown-doc-loader'),
                    options: {
                        jsTemplate: path.join(__dirname, './react-template.js'),
                        renderers: {
                            markdown: 'Markdown',
                            style: 'Style',
                            demo: 'Demo'
                        }
                    }
                }
                'markdown-doc-loader'
            ]
            }
        ]
    }
}

选项

• jsTemplate: js 模板的路径
• renderers: 不同类型片段组件名

jsTemplate可使用以下属性：

• SECTIONS: 文件的所有片段，包括 style 、 demo 与 markdown Styles 是编译后的css demos 是返回React节点的代码片段 markdowns 是编译后的html

• IMPORTS: 所有引入的demo

• DEMO_DECLARATIONS: demo的声明

示例请参见 demo/template.js.