סוגים עבור תצורת 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 שלך.