TailwindCSS in MDX

July 17, 2020

You can use TailwindCSS to style components in MDX posts.

I hit a bug where it was working in development builds but not in production builds. The fix was to add the following to tailwind.config.js:

module.exports = {
  purge: [
     './src/**/*.js',
     './content/blog/**/*.md*', <--- Added this for .md and .mdx posts
  ],
}

Here’s the bug that references this issue. I checked “View Page Source” page size on a .mdx blog post with TailwindCSS and it is about 20 pages now.

• ← Adding a custom favicon to your Gatsy site
• MDX and gatsby-plugin-sharp Graphql schema basics →