UnoCSSSvelte Extractor
Supports extracting classes from class: directive.
html
<div class:text-orange-400={foo} /><div class:text-orange-400={foo} />Will be extracted as text-orange-400 and generates:
css
.text-orange-400 {
color: #f6993f;
}.text-orange-400 {
color: #f6993f;
}Installation
bash
pnpm add -D @unocss/extractor-sveltepnpm add -D @unocss/extractor-sveltebash
yarn add -D @unocss/extractor-svelteyarn add -D @unocss/extractor-sveltebash
npm install -D @unocss/extractor-sveltenpm install -D @unocss/extractor-sveltets
// uno.config.js
import { defineConfig } from 'unocss'
import extractorSvelte from '@unocss/extractor-svelte'
export default defineConfig({
extractors: [
extractorSvelte(),
],
})// uno.config.js
import { defineConfig } from 'unocss'
import extractorSvelte from '@unocss/extractor-svelte'
export default defineConfig({
extractors: [
extractorSvelte(),
],
})