쓰지 않는 CSS 정리 / purifycss, unused-css
2번의 디자인 변경으로..
쓰지 않는 CSS는 많아졌는데 함부로 지웠다가 다른데서 깨질까봐 만지질 못하겠다..
그럴 때 찾아본 방법으로
NPM 사용
Purgecss
Remove unused CSS - PurgeCSS
PurgeCSS is a tool to remove unused CSS that you're not using in your project. It can be used as part of your development workflow. PurgeCSS comes with a JavaScript API, a CLI, and plugins for popular build tools.
purgecss.com
purify-css
www.npmjs.com/package/purify-css
purify-css
Removed unused css. Compatible with single-page apps.
www.npmjs.com
웹사이트 사용
Remove Unused CSS | UnusedCSS
On average, about 35% of CSS code is completely unnecessary. We meticulously find and remove this unnecessary CSS code. FASTER WEBSITE A faster website can lead to more sales. Less CSS code means less time to download your web page, and less time for a web
unused-css.com
무료로 일정 부분의 CSS파일을 정리해준다. 패키지에 따라 사용할 수 있는 웹페이지 수가 달라지며 정리 된 CSS 파일을 다운로드 받을 수 있다. 유료 패키지는 정기적으로 CSS 정리도 해주는 듯..?
purify-css
npm install -g purify-css
명령창에 입력
purifycss <css> <content> [option]
입력시 쓰지 않는 CSS가 삭제되어 이쁘게 나옴
purifycss -i "./assets/css/main.css" "./index.html"
-i, --info Logs info on how much css was removed
purifycss -r "./assets/css/main.css" "./index.html"
-r, --rejected Logs the CSS rules that were removed
