Windicss support

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

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')],
};

Curious to know what windicss provides that tailwindcss JIT doesn’t.

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