Tailwind-CSS yapılandırması türleri

Tailwind-CSS için TypeScript türleri nasıl kullanılır?

Tailwind-CSS yapılandırması için TypeScript'i kullanma

Tailwind, yapılandırma dosyası için türlerle birlikte gelir. Bunları kullanmak için tek yapmanız gereken aşağıdaki iki basit adımdır.

Tailwind-CSS 3.1 veya daha yüksek bir sürüme güncelleme

İlk gereksinim, Tailwind-CSS bağımlılığınızı en az 3.1 olan bir sürüme güncellemektir, çünkü bu türlerle birlikte gönderilmeye başlayan sürümdür.

Yapılandırma dosyanızı güncelleyin

İkinci ve son adım, dışa aktarılan yapılandırmanıza "tür ek açıklaması" adı verilen tek bir özel yorum eklemektir. Typescript'in harika bir özelliği, Javascript dosyalarında bile kullanılabilmesidir. Türleri içeren bir modüle başvurulabildiği sürece, IDE'niz bu meta verileri tür denetiminin otomatik tamamlaması için kullanabilir.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // The source of your files, e.g. "./src/**/*.{html,js,jsx,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Ve bu küçük değişikliklerle, artık Tailwind-CSS yapılandırmanız için birinci sınıf tip desteğine sahipsiniz.