Skip to content

gtramontina/elysia-tailwind

Repository files navigation

Elysia Tailwind

Elysia plugin to compile and serve Tailwind-generated stylesheets.

Installation

Note

This package moved to a new scope. If you were using elysia-tailwind, you should update dependency and your imports to @gtramontina.com/elysia-tailwind going forward.

bun add --exact @gtramontina.com/elysia-tailwind

Usage

import { tailwind } from "@gtramontina.com/elysia-tailwind"; // 1. Import
import Elysia from "elysia";

new Elysia()
  .use(tailwind({                           // 2. Use
      path: "/public/stylesheet.css",       // 2.1 Where to serve the compiled stylesheet;
      source: "./source/styles.css",        // 2.2 Specify source file path (where your @tailwind directives are);
      config: "./tailwind.config.js",       // 2.3 Specify config file path or Config object;
      options: {                            // 2.4 Optionally Specify options:
          minify: true,                     // 2.4.1 Minify the output stylesheet (default: NODE_ENV === "production");
          map: true,                        // 2.4.2 Generate source map (default: NODE_ENV !== "production");
          autoprefixer: false               // 2.4.3 Whether to use autoprefixer;
      },
  }))
  .listen(3000);