Vite MDX Raw Plugin

This plugin allows you to use MDX (Markdown with JSX) in your Vite project, and it preserves the raw JSX content when compiling.

Installation

To install the plugin, run:

npm install vite-mdx-raw-plugin --save-dev
yarn add vite-mdx-raw-plugin -d

Usage

You can load it in your vite configuration like so :

// https://vitejs.dev/config/

import viteMdxRawPlugin from 'vite-mdx-raw-plugin'

export default defineConfig({
  plugins: [
    // vue(), example
    viteMdxRawPlugin(),
    // etc you can add more plugin
  ],

Then you can import your vue file like you would do with any string :

const mdFile = await import(`content.mdx`);

And after use any mdx parser you would like, I recommend @nuxtjs/mdc but you can go ahead and use another or build your own !

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

Authors

• @mikaleb

License

MIT