@yummacss/vite

Vite plugin for Yumma CSS. Works with any Vite-based setup like SvelteKit, Astro, Nuxt, Solid, plain Vite.

Installation

npm install -D @yummacss/vite

Usage

Add the plugin to your Vite config:

// vite.config.js
import yummacss from "@yummacss/vite";
import { defineConfig } from "vite";

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

Add the @yummacss; marker to your CSS entry file where the generated CSS should be injected:

/* main.css */
@yummacss;

Configure Yumma CSS as usual in yumma.config.mjs:

import { defineConfig } from "yummacss";

export default defineConfig({
	source: ["./src/**/*.{ts,tsx}"],
});

That's it! Now vite dev hot-swaps the generated CSS as you edit your source files, without a full page reload. The output option is not used by the plugin.

Options

| Option | Type | Default | Description | | ------------ | -------- | ------------------ | -------------------------------------------- | | config | Config | — | Inline configuration; skips the config file. | | configPath | string | yumma.config.mjs | Path to the config file. |