@jackfranklin/rollup-plugin-markdown
v0.5.0
Published
Parse markdown files and import them with Rollup
Maintainers
Readme
rollup-plugin-markdown
A Rollup plugin to parse Markdown files. The parsed Markdown can either be imported as a JavaScript module, or piped through the Rollup build process.
- markdown-it is used to parse a Markdown file.
- YAML front matter (between
---lines at the top of the file) is parsed with js-yaml.
The plugin is an ES module and needs Node.js 22 or later. It works with Rollup 3 and 4.
Install
npm install --save-dev @jackfranklin/rollup-plugin-markdownExample module output
import blogPost from './src/blog-post.md'
// from this import you get:
blogPost.html // the parsed HTML
blogPost.metadata // a JS object of the front-matter
blogPost.filename // blog-post.md - the filename that was imported
blogPost.path // ./src/blog-post.md - the path to the file that was importedRollup configuration
import markdown from '@jackfranklin/rollup-plugin-markdown'
export default {
input: 'your-app.js',
plugins: [
markdown({
include?: 'src/md/*.md',
exclude?: 'README.md',
markdownItOptions?: {},
markdownItPlugins?: [],
allowImports?: true,
parseFrontMatterAsMarkdown?: false
})
],
}You can pass in six options:
includeandexclude, which are globs to limit which file(s) the plugin is applied to.markdownItOptions, which are options to pass to markdown-it. They are merged over the plugin's defaults of{ html: true, linkify: true, breaks: true }.markdownItPlugins, which is an array of markdown-it plugins. Pass[plugin, ...params]to give a plugin parameters.allowImports, a flag to tell the plugin whether or not to export the Markdown files as JavaScript modules.parseFrontMatterAsMarkdown, a flag that converts string front-matter values into inline HTML (without enclosing<p></p>tags).
The plugin will only parse .md files.
Raw HTML in your Markdown, including custom elements, is passed through untouched. The output is not sanitised, so only use the plugin on Markdown you trust.
Heading IDs and task lists
Showdown, which this plugin used before 0.5.0, added id attributes to headings and rendered - [ ] task lists as checkboxes. markdown-it does neither by default; add plugins if you need them:
import markdown from '@jackfranklin/rollup-plugin-markdown'
import anchor from 'markdown-it-anchor'
import taskLists from 'markdown-it-task-lists'
markdown({
markdownItPlugins: [anchor, taskLists],
})TypeScript
The plugin ships its own type definitions. To type import post from './post.md', add the plugin's module declaration to your tsconfig.json:
{
"compilerOptions": {
"types": ["@jackfranklin/rollup-plugin-markdown/md"]
}
}or reference it from any .d.ts file:
/// <reference types="@jackfranklin/rollup-plugin-markdown/md" />TypeScript needs "moduleResolution" set to "nodenext", "node16" or "bundler" to find the types.
Development
npm test # node:test
npm run typecheck # tsc
npm run lint # prettier --checkChangelog
0.5.0 [30th October 2026] (breaking)
- Replace Showdown with markdown-it. Showdown is unmaintained and has unfixed security advisories (GHSA-rmmh-p597-ppvv, GHSA-cr32-g25g-vxjj, GHSA-22g5-r2x5-97cx).
- Breaking:
showdownOptionsandshowdownExtensionsare replaced bymarkdownItOptionsandmarkdownItPlugins. - Breaking: headings no longer get
idattributes and task lists are no longer rendered as checkboxes. See Heading IDs and task lists to restore them. - Tables, raw HTML, autolinked URLs and single-newline line breaks work as before. Strikethrough now renders as
<s>rather than<del>.
- Breaking:
- Breaking: the plugin is now an ES module only, and needs Node.js 22 or later. Use
import markdown from '@jackfranklin/rollup-plugin-markdown'. CommonJS config files can stillrequire()it on Node.js 22.12+, asrequire(...).default. - Breaking: replace gray-matter with a small YAML front-matter parser using js-yaml 5. Front matter is parsed as before (including dates and
<<merge keys), but only YAML front matter is supported:---js,---tomletc. are no longer recognised, and a file that opens with---but never closes it is treated as Markdown rather than front matter. - Fix
includeandexclude, which were previously ignored. parseFrontMatterAsMarkdownno longer throws on front-matter values that are not strings (numbers, booleans,null); they are left as they are.- Type definitions are now found by TypeScript, cover
allowImportsandparseFrontMatterAsMarkdown, and include a*.mdmodule declaration (@jackfranklin/rollup-plugin-markdown/md). - Switch from
rollup-pluginutilsto@rollup/pluginutils, and returnmap: nullrather than an empty source map. - Rollup is now an optional peer dependency:
^3.0.0 || ^4.0.0.
0.4.0 [4th July 2022]
- Add TypeScript definitions - thanks @tommy-mitchell for the PR.
- Add options for parsing front matter and piping through Rollup - thanks @tommy-mitchell for the PR.
0.3.0 [13th Jan 2021]
- Allow Showdown options and extensions to be registered. Thanks to @mattfran and @arnorhs for their contributions.
0.2.0
- expose full path to Markdown file as
.pathfrom the import.
0.1.0
- Initial release
