postcss-combine-media-query icon indicating copy to clipboard operation
postcss-combine-media-query copied to clipboard

Not combine media queries.

Open bilalmalkoc opened this issue 4 years ago • 0 comments

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.

bilalmalkoc avatar Dec 10 '20 11:12 bilalmalkoc