compile-mdx
This package lets you compile .mdx
files into a javascript bundle that you can import like a React component.
See the mdx docs for a specification of mdx syntax.
Usage
import React from 'react';
import MyMDXFile from 'MyMDXFile.mdx';
function MyComponent(){
return (
<MyMDXFile/>
);
}
Installation
meteor add apollinaire:mdx
Inside a package: in package.js
Package.onUse(function (api) {
api.onUse([
'apollinaire:mdx',
]);
});
Why not .md files?
Because meteor will load and transpile every readme.md from your node modules, and it will take a long time to compile these files. You can still write regular markdown in a .mdx file. You can also clone this repo, and add support for md like this in plugin.js
:
Plugin.registerCompiler({
extensions: ['mdx', 'md'],
}, function compiler() {
return new MDXCompiler();
});
Credits
Thanks to @benjamn and @klaussner for their help!