How to use @tailwindcss-standalone from npm

[nephew92]

I want to use the package @tailwindcss-standalone to generate CSS on demand directly in the browser (without Node.js):

import tailwindcss from '@tailwindcss-standalone'

function compileCSS(htmlString) {
  return tailwindcss({
    // tailwind config
  }).process(`@import "tailwindcss";`)
}

However, this official package doesn't seem to be available on the npm registry.

Is there an official way to accomplish this using Tailwind's official packages?

There is a package on the npm registry that can do this, but it's very outdated:
https://www.npmjs.com/package/tailwindcss-standalone

[wongjn]

You could use the Play CDN or @tailwindcss/browser.

[nephew92]

@tailwindcss/browser always uses the whole document to build a css. Actually I need to control this, I need the create a function that generate a css based on a htmlString provided:

function compileCSS(htmlString) {
 // use some tailwindcss import to compile a css based on htmlString
}

[wongjn]

You could try interfacing with @tailwindcss/node or tailwindcss