Compile Tailwind CSS Programatically

Compile to a .css file .js

const fs = require('fs')
const postcss = require('postcss')
const tailwind = require('tailwindcss')

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

postcss([tailwind()])
  .process(source, { from: undefined })
  .then(({ css }) => {
    fs.writeFileSync(`${__dirname}/styles.css`, css)
  })
  .catch((error) => {
    console.error(error)
    process.exit(1)
  })

Compile to a .json file .js

const fs = require('fs')
const postcss = require('postcss')
const tailwind = require('tailwindcss')

const source = `
@tailwind components;
@tailwind utilities;
`

function toJson(node, json) {
	node.each(node => json[node.prop] = node.value);
	return json;
}

function cssToJson(root, cssMap) {
  root.each(node => {
    if (node.type == "rule" && node.selectors && node.nodes) {
    	cssMap[node.selectors.join(" ").replace('.', '')] = toJson(node, {});
    }
  });
}

postcss([tailwind()])
  .process(source, { from: undefined })
  .then(({ root }) => {
    const json = {};
    cssToJson(root, json);
    fs.writeFileSync(`${__dirname}/styles.json`, JSON.stringify(json, null, 4))
  })
  .catch((error) => {
    console.error(error)
    process.exit(1)
  })

Compile to a ES6 .js file .js

const fs = require('fs')
const postcss = require('postcss')
const tailwind = require('tailwindcss')

const source = `
@tailwind components;
@tailwind utilities;
`

function toJson(node, json) {
	node.each(node => json[node.prop] = node.value);
	return json;
}

function cssToJson(root, cssMap) {
  root.each(node => {
    if (node.type == "rule" && node.selectors && node.nodes) {
    	cssMap[node.selectors.join(" ").replace('.', '')] = toJson(node, {});
    }
  });
}

postcss([tailwind()])
  .process(source, { from: undefined })
  .then(({ root }) => {
    const json = {};
    cssToJson(root, json);
    fs.writeFileSync(`${__dirname}/styles.mjs`, `export default ${JSON.stringify(json, null, 4)};`)
  })
  .catch((error) => {
    console.error(error)
    process.exit(1)
  })

Compile to CJS .js file .js

const fs = require('fs')
const postcss = require('postcss')
const tailwind = require('tailwindcss')

const source = `
@tailwind components;
@tailwind utilities;
`

function toJson(node, json) {
	node.each(node => json[node.prop] = node.value);
	return json;
}

function cssToJson(root, cssMap) {
  root.each(node => {
    if (node.type == "rule" && node.selectors && node.nodes) {
    	cssMap[node.selectors.join(" ").replace('.', '')] = toJson(node, {});
    }
  });
}

postcss([tailwind()])
  .process(source, { from: undefined })
  .then(({ root }) => {
    const json = {};
    cssToJson(root, json);
    fs.writeFileSync(`${__dirname}/styles.js`, `module.exports = ${JSON.stringify(json, null, 4)};`)
  })
  .catch((error) => {
    console.error(error)
    process.exit(1)
  })