কনফিগ ফাইল

IDEs এবং অন্যান্য ইন্টিগ্রেশনের সাথে সেরা অভিজ্ঞতা পেতে আমরা অত্যন্ত সুপারিশ করি যে আপনি একটি ডেডিকেটেড uno.config.ts ফাইল ব্যবহার করুন।

একটি সম্পূর্ণ ফিচারযুক্ত কনফিগ ফাইল দেখতে এইরকম:

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 বা অন্যান্য টুল কনফিগারেশনের মধ্যে inline কনফিগারেশনের তুলনায়, ডেডিকেটেড কনফিগ ফাইল IDEs এবং ইন্টিগ্রেশনগুলির সাথে আরও ভালো কাজ করবে, ESLint প্লাগইন এর মতো অন্যান্য টুলগুলির সাথে, এছাড়াও HMR আরও ভালো কাজ করবে।

ডিফল্টভাবে, UnoCSS আপনার প্রজেক্টের root directory-তে স্বয়ংক্রিয়ভাবে 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',
    }),
  ],
})

সমর্থিত কনফিগারেশন অপশনগুলির সম্পূর্ণ তালিকার জন্য, অনুগ্রহ করে কনফিগারেশন রেফারেন্স দেখুন।