UnoCSS

Unocss

https://unocss.dev/guide/

A tailwind like asset bundler with fast reloading.

Vite Module

https://www.drupal.org/project/vite

Uses manifest.json to map Drupal libraries to css/js.

Setup

npm init -y
npm i -D unocss vite @unocss/postcss

Edit package.json, add "type": "module".

vite.config.js

postcss.config.js

uno.config.js

Include twig files with tailwind classes.

content: {
  filesystem: [
    'components/**/*.twig',
    'templates/**/*.twig',
    'layouts/**/*.twig',
  ],
},

Preflights

https://unocss.dev/config/preflights

Disable with presets[ presetUno({ preflight: false })].