ehome-react-markdown-loader v1.0.4

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.