कॉन्फ़िगरेशन फ़ाइल

हम अत्यधिक अनुशंसा करते हैं कि आप अपने UnoCSS को कॉन्फ़िगर करने के लिए एक समर्पित uno.config.ts फ़ाइल का उपयोग करें, ताकि IDEs और अन्य एकीकरण के साथ सर्वोत्तम अनुभव प्राप्त हो सके।

एक पूर्ण-विशेषता वाली कॉन्फ़िगरेशन फ़ाइल ऐसी दिखती है:

import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetTypography,
  presetWebFonts,
  presetWind3,
  transformerDirectives,
  transformerVariantGroup
} from 'unocss'

export default defineConfig({
  shortcuts: [
    // ...
  ],
  theme: {
    colors: {
      // ...
    }
  },
  presets: [
    presetWind3(),
    presetAttributify(),
    presetIcons(),
    presetTypography(),
    presetWebFonts({
      fonts: {
        // ...
      },
    }),
  ],
  transformers: [
    transformerDirectives(),
    transformerVariantGroup(),
  ],
})

आपके vite.config.ts या अन्य टूल कॉन्फ़िगरेशन के अंदर इनलाइन कॉन्फ़िगरेशन की तुलना में, समर्पित कॉन्फ़िगरेशन फ़ाइल IDEs और एकीकरण के साथ बेहतर काम करेगी, ESLint प्लगइन जैसे अन्य टूल के साथ, इसके अलावा HMR को बेहतर बनाएगा।

डिफ़ॉल्ट रूप से, UnoCSS आपके प्रोजेक्ट की रूट डायरेक्टरी में uno.config.{js,ts,mjs,mts} या unocss.config.{js,ts,mjs,mts} को स्वचालित रूप से खोजेगा। आप कॉन्फ़िगरेशन फ़ाइल को मैन्युअली भी निर्दिष्ट कर सकते हैं, उदाहरण के लिए Vite में:

import UnoCSS from 'unocss/vite'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    UnoCSS({
      configFile: '../my-uno.config.ts',
    }),
  ],
})

समर्थित कॉन्फ़िगरेशन विकल्पों की पूरी सूची के लिए, कृपया कॉन्फ़िगरेशन संदर्भ देखें।