使用TS时，markdown 转 html，代码块不能转换

Question

项目用的是tsx结尾的文件，使用markdown 转 html的 loader转 MD文档时 代码块不会被解析 "```jsx" 这样的代码块标识会被解析出来，JS结尾的文件就不会。

1、webpack的配置

 {
                test: /\.tsx?$/,
                loader: "awesome-typescript-loader"
            },
            
            {
                test: /\.md$/,
                use: [{
                        loader: 'html-loader'
                    },
                    {
                        loader: 'markdown-loader',
                        options: {
                            pedantic: true,
                             renderer: markdownRenderer()

                        }
                    }
                ]
            },

2、index.tsx的内容

const md = require('./apps/index/demo/index.md');
console.log(md)

3、解析出来的内容

<p>```jsx</p>
<p>const app = <Button>demo</Button>;
ReactDOM.render(app);</p>
<p>```</p>

webpack怎么配置才能使tsx结尾的文件正确解析MD文档的代码块呢？