stencil-windicss

This is a stencil plugin for you to use windicss in your stencil project.

Change Log

2.1.2 support rewriteClass config, disable this will not support grouping class variant e.g.(focused:(bg-red-600 border))
2.1.1 support extract include and exclude
2.1.0 added preflight mode

Important

Currently does not support attribute mode, compile mode and prefix.
Only .js config file is supported.
This project is still in development. Take your own risk on production usage.

Install

npm i @codeperate/stencil-windicss -D

// stencil.config.ts
import { windicssStencil } from '@codeperate/stencil-windicss';

export const config: Config = {
	plugins: [
		...windicssStencil({
			configFile: 'windi.config.js', //These are the default value
			out: 'windi.css',
			preflight: false,
		}),
	],
};

In your html

<link href="/build/windi.css" rel="stylesheet" />