[tailwind-css] 초기세팅하기

npm으로 tailwindcss를 설치한다

 

나는 유튜브 외국강의를 따라했는데 src에 styles.css를 만들고 public에 styles.css를 만들었는데 tailwindcss로 빌드한 결과물은 public의 styles.css안에 존재하게 된다.

 

package.json에 위와 같이 추가해주고

 

npx tailwindcss -i ./src/styles.css -o ./public/styles.css --watch

위 명령어를 사용하면 live server로 바로바로 적용된 스타일을 볼 수 있다.

 

src에 있는 styles.css에 위와 같이 적어준다.

 

위와 같이 추가해주고

 

index.html에서 클래스로 스타일을 적용하면 된다.