Svelte Extractor
Svelte Extractor
class:ディレクティブからクラスを抽出することをサポートします。
<div class:text-orange-400={foo} />
これは text-orange-400 として抽出され、以下のように生成されます:
.text-orange-400 {
color: #f6993f;
}
インストール
::: code-group
pnpm
pnpm add -D @unocss/extractor-svelte
yarn
yarn add -D @unocss/extractor-svelte
npm
npm install -D @unocss/extractor-svelte
bun
bun add -D @unocss/extractor-svelte
:::
uno.config.ts
import extractorSvelte from '@unocss/extractor-svelte'
import { defineConfig } from 'unocss'
export default defineConfig({
extractors: [
extractorSvelte(),
],
})
© 2021–PRESENT Anthony Fu https://github.com/antfu
※このページは Nuxt.js 公式ドキュメントの翻訳ページです。
公式ドキュメントの該当ページはこちら:
#