Χρήση 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.
