Markdown relative image paths

[slorber]

🐛 Bug Report

In /docs/myDoc.md

![text](./assets/image.png)

This should be able to display an image in "/docs/assets/image.png`

---

Potential solution:

• MDX transpiles to <img src="./assets/image.png"/>
• we should find a way to make it transpile to <img src={require("./assets/image.png").default}/>

Note, this kind of trick probably exist in Gatsby codebase, so it's worth taking a look

[anshulrgoyal]

we can create a remark plugin for it and convert it to jsx before going to MDX.

[slorber]

yes if you can try to create a poc that would be cool :) I'm not very familiar with remark/rehype

[anshulrgoyal]

ok i will create a POC.

[anshulrgoyal]

I have created the poc but I need some help with webpack. I used url-loader in require to load image but it creates a wired base64 with export default embedded in base65 string

[anshulrgoyal]

I fixed it and created a PR

[softmarshmallow]

@anshulrgoyal So how do we use it? extra config required to support nested assets under docs dir?

[slorber]

@softmarshmallow this feature is documented. For support, ask on Discord. Please clarify your question and show what you have tried in a sandbox/playground