أنواع تهيئة Tailwind-CSS

استخدام Typescript لتكوين Tailwind-CSS

يتم شحن Tailwind بأنواع لملف التكوين الخاص بها. لاستخدامها ، كل ما عليك فعله هو الخطوتين البسيطتين التاليتين.

التحديث إلى Tailwind-CSS 3.1 أو إصدار أحدث

الشرط الأول هو تحديث تبعية Tailwind-CSS لديك إلى الإصدار 3.1 على الأقل ، نظرًا لأن هذا هو الإصدار الذي بدأ الشحن مع الأنواع.

قم بتحديث ملف التكوين الخاص بك

الخطوة الثانية والأخيرة هي إضافة تعليق خاص واحد ، يسمى "نوع التعليق التوضيحي" ، إلى التهيئة التي تم تصديرها. ميزة رائعة لـ Typescript هي أنه يمكن استخدامها حتى في ملفات Javascript. طالما يمكن الإشارة إلى وحدة تحتوي على الأنواع ، يمكن لـ IDE الخاص بك استخدام هذه البيانات الوصفية للإكمال التلقائي لفحص النوع.

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

ومع هذه التغييرات الصغيرة ، لديك الآن دعم من الدرجة الأولى لتهيئة Tailwind-CSS لديك.