Probably the easiest way to start experimenting with the library, is with Parcel.
If you're only interested in how to set things up with webpack, then feel free to skip ahead.
yarn add postcss-nested \
postcss-media-minmax \
@zeecoder/postcss-container-query --dev
# or
npm install postcss-nested \
postcss-media-minmax \
@zeecoder/postcss-container-query --save-devAdd the following to a file named .postcssrc in your root directory.
{
"plugins": {
"postcss-nested": { "bubble": ["container"] },
"postcss-media-minmax": {},
"@zeecoder/postcss-container-query": {}
}
}And you're done! 🎉