Node.js에서 tailwind 설치 및 사용하기

 

아래의 순서대로 3가지를 모두 설치한다.

package.json에서 버전확인

npm i -D tailwindcss@latest
npm i -D postcss@latest
npm i -D autoprefixer@10.4.5

 

 

tailwind.config.js 파일 생성하기

npx tailwindcss init

 

 

 

참고영상

https://www.youtube.com/watch?v=YTwOhrVbf-c

 

 

 

autoprefixer 설치에러 정리

https://xpectation.tistory.com/224

[CSS] 'autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.' 해결방

 

https://tailblocks.cc/

Tailblocks — Ready-to-use Tailwind CSS blocks

 

 

error Issue

메세지 : warn - No utility classes were detected in your source files

원인 : tailwindcss.config.js 파일경로지정 잘 못되었을때 나타남

해결 : content : ['./views/**/*.{html,js,ejs}'],

 

tailwindcss 설치된 버전확인 

$npm view tailwindcss version