# Windicss support

**URL:** https://discourse.roots.io/t/windicss-support/20785
**Category:** sage
**Tags:** sage10
**Created:** 2021-05-15T18:08:57Z
**Posts:** 3

## Post 1 by @kukac7 — 2021-05-15T18:08:57Z

hi,

i am trying to replace the tailwindcss with windicss.

watch works well, but prod build doesn’t put php content in css.  
i did this: [https://github.com/windicss/postcss-windicss](https://github.com/windicss/postcss-windicss)

change `webpack.mix.js`:

```
mix
	.sass('resources/styles/app.scss', 'styles')
	.sass('resources/styles/editor.scss', 'styles')
	.options({
		processCssUrls: false,
		postCss: [require('postcss-windicss')],
	});
```

update `tailwind.config.js` -\> `windi.config.js`:

```
module.exports = {
	extract: {
		include: [
			'./app/**/*.php',
			'./resources/**/*.{php,vue,js}',
		],
	},
	darkMode: false, // or 'media' or 'class'
	theme: {
		extend: {
			colors: {},
		},
	},
	variants: {
		extend: {},
	},
	plugins: [require('windicss/plugin/typography')],
};
```

---

## Post 2 by @theMosaad — 2021-05-17T19:45:34Z

Curious to know what windicss provides that [tailwindcss JIT](https://tailwindcss.com/docs/just-in-time-mode) doesn’t.

---

## Post 3 by @kukac7 — 2021-05-17T20:15:00Z

> **[Windi CSS and Tailwind JIT](https://antfu.me/posts/windicss-and-tailwind-jit)**
>
> Wish this is the end.

---

## Post 4 by @system — 2021-06-26T18:23:35Z

This topic was automatically closed after 42 days. New replies are no longer allowed.