Gebruik Typescript vir Tailwind-CSS config
Tailwind stuur met tipes vir sy konfigurasielêer. Om dit te gebruik, hoef jy net die volgende twee eenvoudige stappe te doen.
Dateer op na Tailwind-CSS 3.1 of hoër
Die eerste vereiste is om jou Tailwind-CSS-afhanklikheid op te dateer na weergawe wat ten minste 3.1 is, aangesien dit die weergawe is wat met tipes begin stuur het.
Dateer jou config-lêer op
Die tweede en laaste stap is om 'n enkele spesiale opmerking, genaamd "tipe annotasie", by jou uitgevoerde konfigurasie te voeg. 'n Groot kenmerk van Typescript is dat dit selfs in Javascript-lêers gebruik kan word. Solank daar na 'n module verwys kan word wat die tipes bevat, kan jou IDE hierdie metadata gebruik vir outovoltooiing van tipe kontrolering.
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
// The source of your files, e.g. "./src/**/*.{html,js,jsx,tsx}"
],
theme: {
extend: {},
},
plugins: [],
}
En met hierdie klein veranderinge het jy nou eersteklas tipe ondersteuning vir jou Tailwind-CSS-konfigurasie.
