RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/EasyWebApp/Parcel-transformer-MDX below:

EasyWebApp/Parcel-transformer-MDX: Unofficial MDX 3 transformer plugin for Parcel 2

Unofficial MDX 3 transformer plugin for Parcel 2

npm init -y
npm i react react-dom
npm i parcel @parcel/config-default parcel-transformer-mdx -D

{
    "scripts": {
        "start": "parcel ./src/index.html",
        "build": "parcel build ./src/index.html --public-url ."
    }
}

{
    "extends": "@parcel/config-default",
    "transformers": {
        "*.{md,mdx}": ["parcel-transformer-mdx"]
    }
}

<!doctype html>
<html>
    <head>
        <link
            rel="stylesheet"
            href="https://unpkg.com/prismjs@1.29.0/themes/prism-okaidia.css"
        />
    </head>
    <body>
        <div id="root"></div>

        <script type="module" src="index.jsx"></script>
    </body>
</html>

import { createRoot } from 'react-dom/client';

import Index from './index.mdx';

const root = createRoot(document.querySelector('#root'));

root.render(<Index />);

---
title: Hello MDX
---

# Hello MDX

https://react.dev/

https://www.youtube.com/watch?v=VEoMT8pAxMA

JSX compatible engines usage

WebCell example: https://github.com/EasyWebApp/BootCell-document

Create a mdx.config.js file in the root folder of your project, and export your CompileOptions object as what the internal preset does.

parcel-bundler/parcel#7922

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4