customize Link for mdx

[chenxsan]

Improve website performance.

Why?

Let's take this page for example https://webpack.js.org/api/node/.

Open devtools and click the link in the screenshot below:

Here's the network panel:

Even with service worker, we still have a lot of requests.

Now let's open the preview of this pull request https://webpack-js-org-git-fork-chenxsan-feature-use-react-route-5aabb7.webpack-docs.vercel.app/api/node/, and click the same link:

That's impressive isn't it?

What's going on

This website is a Single Page React Application with precompiled HTML, but links in body are rendered as <a> elements, which would cause browser to load a whole new html page. When we render them as Link from react-router, it would dynamic load the needed part instead of loading a new html page, and it's possible with MDX. Guess this is a good reason to migrate from .md to .mdx because we have so many internal links.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/webpack-docs/webpack-js-org/i17uwv1dk
✅ Preview: https://webpack-js-org-git-fork-chenxsan-feature-use-react-route-5aabb7.webpack-docs.vercel.app

[montogeek]

Thanks!