tailwind 기본 세팅

Yeong·2023년 12월 1일
0

HTML&CSS

목록 보기
1/8

✅설치

npm i -D postcss autoprefixer tailwindcss

✅구성 파일

구성 파일 만들기

npx tailwindcss init -p

구성 파일 수정

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
plugins: [require('daisyui')],
}

✅daisyui 패키지

npm i -D daisyui

✅테일윈드 CSS 적용

@tailwind base;
@tailwind components;
@tailwind utilities;
profile
긍정적으로~✍️(◔◡◔)

0개의 댓글