[VueJS][nodeJS] PostCSS(Pre-Preprocessor) 사용하기


[VueJS][nodeJS] PostCSS(Pre-Preprocessor) 사용하기

프리 프로세서란? Pre-Preprocessor "PostCSS" 알아보기전에는 우리는 "프리 프로세서"라는것을 알아야 합니다. 한번쯤은 들어봤을 "Sass", "Less", "Stylus"는 "전처리기(자)"라고 하며, "PostCSS"는 "후처리기(자)"라고 하며, 이를 통틀어서 "프리 프로세서(Pre-Preprocessor)"라고 합니다. 더욱 자세한 내용은 번외로 다루도록 하겠습니다. PostCSS란? 자바스크립트(플러그인)로 CSS를 변환을 통해 처리하는 "후처리기(자)"라고 불리우며, 이름 처럼 CSS를 작성한 후에 처리하는 도구입니다. # 간단한 예시를 보겠습니다. # 대부분 CSS를 작성할 때에는 크로스 브라우징(IE, 크롬, 사파리 등등)을 염두해두고 대부분 아래 처럼 작성하실 겁니다. 크롬에서는 되지만 IE, 사파리에서는 지원이 되지 않아서 사용(적용)이 안될 수 있습니다. .flexbox { display: -webkit-box; display: -webkit-f...


#css #후처리기 #프리프로세스 #포스트css #전처리자 #전처리기 #webkit #stylus #sass #preprocessor #postcss #ms #moz #less #후처리자

원문링크 : [VueJS][nodeJS] PostCSS(Pre-Preprocessor) 사용하기