Tipoj por Tailwind-CSS-agordo

Kiel uzi Typescript-tipojn por Tailwind-CSS

Uzante Typescript por Tailwind-CSS-agordo

Tailwind ekspediĝas kun tipoj por ĝia agorda dosiero. Por uzi ilin, vi nur devas fari la jenajn du simplajn paŝojn.

Ĝisdatigo al Tailwind-CSS 3.1 aŭ pli alta

La unua postulo estas ĝisdatigi vian Tailwind-CSS dependecon al versio kiu estas almenaŭ 3.1, ĉar tio estas la versio kiu komencis sendi kun tipoj.

Ĝisdatigu vian agordan dosieron

La dua kaj lasta paŝo estas aldoni ununuran specialan komenton, nomatan "tipa komentario", al via eksportita agordo. Granda trajto de Typescript estas, ke ĝi eĉ povas esti uzata en Javascript-dosieroj. Tiel longe kiel modulo enhavanta la tipojn povas esti referencita, via IDE povas uzi ĉi tiujn metadatumojn por aŭtomata kompletigo de tipkontrolo.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // The source of your files, e.g. "./src/**/*.{html,js,jsx,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Kaj kun ĉi tiuj malgrandaj ŝanĝoj, vi nun havas bonegan tipan subtenon por via agordo Tailwind-CSS.