[VueJS][nodeJS] TailWind(테일윈드) 적용하기


[VueJS][nodeJS] TailWind(테일윈드) 적용하기

CSS TailWind 설치하기 # 해당 프로젝트 폴더 이동 후 설치 npm install --save tailwindcss postcss.config.js 파일 만들기 Webpack(및 Vue.js 구성 요소용 Webpack 로더인 Vue-loader)은 CSS용 Webpack 로더인 PostCSS를 사용하도록 구성할 수 있습니다. postcss.config.js 파일 내에서 구성을 찾고 추가한 패키지에서 CSS로 앱을 빌드할 수 있습니다. Vue CLI에서 생성한 데모 앱은 기본적으로 postcss.config.js 파일을 생성하지 않습니다. (Vue.JS 3.0 에서는 기본적으로 지원) postcss 관련 내용은 링크1, 링크2를 클릭하여 자세히 알아보기 # 해당 프로젝트 폴더 가장 상위에 "postcss.config.js" 생성 후 아래 내용 입력 후 저장 const autoprefixer = require('autoprefixer'); const tailwindcss = r...


#css #node #nodejs #tailwind #vue

원문링크 : [VueJS][nodeJS] TailWind(테일윈드) 적용하기