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

• 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

• 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.

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" />