css 최적화 (1) 썸네일형 리스트형 [Webpack + opt] css 최적화 Intro. 배포 환경에선 당연히 더 나은 UX를 위해 번들 사이즈를 줄여야합니다. 이번 글에선 webpack 번들링 과정에서 css 파일들을 어떤식으로 최적화 할 수 있을지 이야기 해보겠습니다. Index 1. CSS 압축 2. 코멘트 제거 3. 안쓰는 CSS 제거 이렇게 크게 3가지 방법이 있습니다. Method CSS 압축 & comment 제거 1. CSSMinimizerPlugin을 설치합니다. 해당 플러그인은 기본적으로 CSS Nano 와 동작방식이 같습니다. yarn add -D css-minimizer-webpack-plugin 2. config파일 내, optimization 객체에 해당 플러그인을 추가합니다. module.exports = merge(common, { ..., optim.. 이전 1 다음
