JavaScript/Node.js

Webpack autoprefixer 적용 안될 때 해결법

sass loader에 postcss loader를 사용하는 도중, autoprefixer가 적용안되는 문제점이 있었다. 구버전의 경우에는 default로 webkit prefix를 붙여주었다고 하는데, 내가 쓰는 10버전은 아예 작동조차 하지않았다. 이 경우, browserslist를 정의해주면 작동이 되는 것을 확인 할 수 있다. 참고로 공식문서에서도 autoprefixers 는 브라우저 리스트를 사용한다고 한다. (설정안하면 작동이 안됨..) 먼저 webpack 설정을 살펴보자. webpack.common.js const postcssLoader = { loader:'postcss-loader', options:{ postcssOptions:{ config: path.resolve(__dirname..