跳至内容

razzle-plugin-mdx

此包包含一个便于在 Razzle 中使用 mdx 的插件

在 Razzle 项目中使用

npm i razzle-plugin-mdx

或

yarn add razzle-plugin-mdx

使用具有默认选项的插件

// razzle.config.js
module.exports = {
  plugins: ['mdx'],
};

.md 扩展名的文件将加载为降价标记并编译为 html 标记。

示例

import Document from './Document.md';
const Example = () => (<Document />);

使用自定义选项：

// razzle.config.js
const images = require('remark-images');
const emoji = require('remark-emoji');
module.exports = {
  plugins: [
    {
      name: 'mdx',
      options: {
        remarkPlugins: [images, emoji],
      },
    },
  ],
};

选项

在此处查看所有选项：mdx-js 选项.