1.0.4 • Published 6 years ago
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 是编译后的htmlIMPORTS
: 所有引入的demoDEMO_DECLARATIONS
: demo的声明
示例请参见 demo/template.js
.