postcss-combine-media-query
postcss-combine-media-query copied to clipboard
Not combine media queries.
I am using postcss 8.2.2. But not combining same media queries from different files. I am using with webpack and using mini-css-extract-plugin with import.
webpack.config.js
{
test: /\.(sa|sc|c)ss$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: 'postcss-loader',
options: {
sourceMap: true,
},
},
'resolve-url-loader',
{
loader: 'sass-loader',
options: {
implementation: sass,
},
},
{
loader: 'sass-resources-loader',
options: {
resources: ['./src/scss/_variables.scss'],
},
},
],
},
postcss.config.js
module.exports = {
plugins: [require('postcss-combine-media-query'), require('autoprefixer')],
};
Autoprefixer working good.