A plugin to compile Tailwind CSS v4 with esbuild.

npm install @ryanto/esbuild-plugin-tailwind

import { build } from "esbuild";
import { esbuildPluginTailwind } from "@ryanto/esbuild-plugin-tailwind";

await build({
  // ...
  plugins: [esbuildPluginTailwindCSS()],
});

This plugin is a work in progress and has some limitations.

• Incremental builds are not yet supported. It does a full rebuild every time.

You can pass optional options to the plugin.

await build({
  // ...
  plugins: [
    esbuildPluginTailwindCSS({
      base: "/my/app", // the base directory
      minify: true, // minify the output
    }),
  ],
});

The directory to scan for utility classes. Defaults to process.cwd().

Minify the output. Defaults to false.

If you have any questions or feedback, feel free to reach out to me on Twitter.