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-dev
Add 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! 🎉