@teacss/vite

Vite plugin for TeaCSS.

import { defineConfig } from "vite";
import { pluginTeacss } from "@teacss/vite";

export default defineConfig({
  plugins: [pluginTeacss()],
});

import "virtual:teacss.css";

@preset "standard";
@source "./src/**/*.{ts,tsx}";
@teacss;

The plugin scans Vite modules, transforms TeaCSS directives, provides stylesheet HMR, and emits final CSS assets. Production waits for transformed modules, passes generated rules through Vite's CSS transform and minifier, and includes the final CSS digest in dependent chunk hashes. Fixed asset names stay fixed. Generated utility CSS has no build sourcemap.

Astro projects should use @teacss/astro. Add @teacss/inspector only for development inspection.

Pre-1.0. Install this adapter beside teacss.