[React] 리엑트 PostCSS 설치하기

PostCSS 및 PostCSS Short 설치 # "postcss" 설치 npm install --save-dev postcss-loader postcss # "postcss-short" 설치 npm i postcss-short -D ※ PostCSS Short은 CSS를 작성하는 속도를 향상시켜주는 유용한 PostCSS 플러그인입니다. Webpack 적용 # 프로젝트 최상위 디렉토리에 "postcss.config.js" 파일 생성 후 아래 내용 추가 module.exports = { plugins: [ [ "postcss-preset-env", { browsers: "> 5% in KR, defaults, not IE < 11", // CSS Grid 활성화 [false, 'autoplace', 'no-autoplace'] autoprefixer: { grid: "autoplace" }, }, "postcss-short", { prefix: "x", skip: "-" }, ], ...

원문링크 : [React] 리엑트 PostCSS 설치하기