Vue3 tailwindcss 개인노트

tailwind 사용시 흔한 에러

문제:

Error: PostCSS plugin tailwindcss requires PostCSS 8

이유:

tailwindcss는 최신PostCSS를 쓰는게 아니라 이전 버젼을 사용하기 때문에

해결책:

https://stackoverflow.com/questions/64925926/error-postcss-plugin-tailwindcss-requires-postcss-8

npm uninstall tailwindcss postcss autoprefixer

vue add tailwind

그리고

App.vue에서 style을
<style src="./assets/tailwind.css"/>
이걸로 바꿔주는 걸 잊지 말자

fontawesome 사용하기

https://www.youtube.com/watch?v=MoDIpTuRWfM

npm 으로 설치 후 main.js에
import { library } from '@fortawesome/fontawesome svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
library.add(fas)
추가