Gatsby + Tailwind CSS 세팅
회사에서 개츠비를 사용해서 연습해보면서
tailwind css 로 스타일링 해보려고 하고 있음
아래 독스에 나온 내용 + 추가적으로 세팅해서 사용 중
테일윈드는 사용하면 할수록 좋아서 왜 사용자 피드백이 좋은지 이해된다
더 효율적이고 깔끔하게 사용할 방법을 매번 찾아보는 중
https://tailwindcss.com/docs/guides/gatsby
https://www.youtube.com/watch?v=ImmsEgNFxPQ
- Install Tailwind CSS
npm install -D tailwindcss postcss autoprefixer gatsby-plugin-postcss
- init 하기
npx tailwindcss init -p
postcss.config.js 파일과 tailwind.config.js 파일이 생김
독스 따라서 global css 파일 만들고
gatsby-config 파일에 코드 추가 했는데 에러남 -> gatsby-config가 아니라 tailwindconfig 파일에 넣어야함!
에러
3.사용하기
너무 간단해서 대충썼쟈나
Author And Source
이 문제에 관하여(Gatsby + Tailwind CSS 세팅), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ek615/Gatsby-Tailwind-CSS-세팅저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)