Utilizzo di Typescript per la configurazione Tailwind-CSS
Tailwind viene fornito con i tipi per il suo file di configurazione. Per usarli, tutto ciò che devi fare sono i seguenti due semplici passaggi.
Aggiorna a Tailwind-CSS 3.1 o versioni successive
Il primo requisito è aggiornare la tua dipendenza Tailwind-CSS alla versione che è almeno 3.1, poiché questa è la versione che ha iniziato la spedizione con i tipi.
Aggiorna il tuo file di configurazione
Il secondo e ultimo passaggio consiste nell'aggiungere un singolo commento speciale, chiamato "tipo di annotazione", alla configurazione esportata. Una grande caratteristica di Typescript è che può essere utilizzato anche nei file Javascript. Finché è possibile fare riferimento a un modulo contenente i tipi, l'IDE può utilizzare questi metadati per il completamento automatico del controllo del tipo.
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
// The source of your files, e.g. "./src/**/*.{html,js,jsx,tsx}"
],
theme: {
extend: {},
},
plugins: [],
}
E con queste piccole modifiche, ora hai un supporto di prima classe per la tua configurazione Tailwind-CSS.
