[Study] autoprefixer / postcss

autoprefixer

https://github.com/postcss/autoprefixer

postcss

https://hkreal.tistory.com/3

package.json

"devDependencies" : {
	"autoprefixer": "^10.2.5",
	"parcel-bundler": "^1.12.5",
	"parcel-plugin-static-files-copy": "^2.6.0",
	"postcss": "^8.2.8",
	"sass": "^1.32.8"
},
"staticFiles": {
	"staticPath": "static"
},
"browserslist": [
	"> 1%",
	"last 2 versions"
]
}

autoprefixer와 postcss가 버전이 같아야 충돌나지 않음 (호환성)

.postcssrc.js

// ESM (ECMA Script Module)
// CommonJS (Node.js에서는 CommonJS 방식을 사용한다)

// import autoprefixer from 'autoprefixer'
const autoprefixer = require('autoprefixer')

// export { plugins: [ autoprefixer ] }
module.exports = {
	plugins: [ autoprefixer ]
}

//간소화

module.exports = {
	plugins: [
		require('autoprefixer')	
	]
}