Many duplicate selectors

[Faisal-Manzer]

I don't know what's happening but it seems like there is duplicate selector being made. I guess to check for the pre-processed style is not there.

[ai]

How do you use this plugin and what tool you use to compile CSS?

[Faisal-Manzer]

I am using it with preact-cli. Also, I am using node-sass.

# postcss.config.js

module.exports = {
    plugins: [
        require('postcss-viewport-height-correction'),
        require('postcss-normalize')({ forceImport: 'normalize.css' }),
        require('autoprefixer'),
        require('postcss-combine-media-query'),
        require('postcss-dark-theme-class')({ darkClass: 'dt', lightClass: 'lt' }),
        require('postcss-combine-duplicated-selectors')
    ]
};

[ai]

Do you call postcss-cli on already compiled CSS from previous step or you have separated src/ and dist/ folders?

[Faisal-Manzer]

Yeah, the Webpack config first converts sass to CSS then it processed by PostCSS. preact-cli is just like create-react-app so I don't know all those internal workings.

[ai]

1. What is the input CSS?
2. Can you disable postcss-combine-duplicated-selectors?