runtime compilation?

[bcardarella]

We are generating stylesheets at runtime. It would be great if we had a way to just pass the list of classes & config and get the resulting stylesheet string without having to write templates to disk and use the CLI

[wongjn]

You could run PostCSS (and by extension, Tailwind) programmatically at runtime to generate the CSS.

[wongjn]

Is there somewhere in the code you could point to on how to encapsulate everything that needs to be sent to postcss?¹

Something like:

const postcss = require('postcss');
const tailwindcss = require('tailwindcss');

const sourceCSS = `@tailwind base;
@tailwind components;
@tailwind utilities;`;

const tailwindConfig = {
  content: [{ raw: getClasses(), extension: 'html' }],
  theme: {
    // …
  },
};
const css = await postcss([tailwindcss(tailwindConfig)]).process(sourceCSS);

Footnotes

1. https://github.com/tailwindlabs/tailwindcss/discussions/10752#discussioncomment-5257228 ↩

[bcardarella]

Is there somewhere in the code you could point to on how to encapsulate everything that needs to be sent to postcss?

[wongjn]

Replied at #10752 (reply in thread) to keep the reply chain together.