[react/javascript]react에서 TailwindCss react 설치 및 테스트

[react/javascript]react에서 TailwindCss react 설치 및 테스트

 

#설치

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

 

#./tailwind.config.js

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

 

#./src/index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

 

#실행코드

export default function App() {
  return (
    <h1 className="text-3xl font-bold underline">
      Hello world!
    </h1>
  )
}

 

#tailwindcss #tailwind #css #react