Typescript használata a Tailwind-CSS konfigurációhoz
A Tailwind típusokat szállít a konfigurációs fájljához. Használatukhoz mindössze az alábbi két egyszerű lépést kell tennie.
Frissítés a Tailwind-CSS 3.1-re vagy újabbra
Az első követelmény az, hogy frissítse a Tailwind-CSS-függőségét legalább 3.1-es verzióra, mivel ez az a verzió, amelyet a típusokkal együtt szállítanak.
Frissítse a konfigurációs fájlt
A második és egyben utolsó lépés, hogy egyetlen speciális megjegyzést, az úgynevezett „típusjegyzetet” adjon hozzá az exportált konfigurációhoz. A Typescript nagyszerű tulajdonsága, hogy akár Javascript-fájlokban is használható. Mindaddig, amíg a típusokat tartalmazó modulra lehet hivatkozni, az IDE használhatja ezeket a metaadatokat a típusellenőrzés automatikus kiegészítésére.
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
// The source of your files, e.g. "./src/**/*.{html,js,jsx,tsx}"
],
theme: {
extend: {},
},
plugins: [],
}
És ezekkel a kis változtatásokkal most első osztályú támogatást kap a Tailwind-CSS konfigurációhoz.
