Tailwind-CSS 구성 유형

Tailwind-CSS 구성에 Typescript 사용

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 구성에 대한 최고 수준의 유형 지원이 제공됩니다.