$ npm i -D postcss autoprefixer postcss-loader
// webpack.config.js
module: {
rules: [
{
// .css 로 끝나는 모든 파일
test: /\.s?css$/,
use: [
// 순서 중요. 아래에서 위로 작업
'style-loader', // html 의 style 태그에 삽입
'css-loader', // js 에서 import 해 온 css 파일을 해석하는 용도
'postcss-loader',
'sass-loader',
],
},
],
},
// package.json
...,
"browserslist": [
"> 1%",
"last 2 versions"
]
// .postcssrc.js 를 root 경로에 생성
module.exports = {
plugins: [require('autoprefixer')],
};