postcss-discard-duplicates

Discard duplicate rules

This feature removes duplicate CSS rules. If two or more rules are identical, only one is kept.

"const postcss = require('postcss');
const discardDuplicates = require('postcss-discard-duplicates');

postcss([ discardDuplicates() ])
.process('a { color: black; } a { color: black; }', { from: undefined })
.then(result => {
  console.log(result.css);
  // Output: 'a { color: black; }'
});"

Discard duplicate declarations within a rule

This feature removes duplicate declarations within a single rule, keeping only one instance of the declaration.

"const postcss = require('postcss');
const discardDuplicates = require('postcss-discard-duplicates');

postcss([ discardDuplicates() ])
.process('a { color: black; color: black; }', { from: undefined })
.then(result => {
  console.log(result.css);
  // Output: 'a { color: black; }'
});"

Discard duplicate @rules

This feature removes duplicate @rules from the CSS, ensuring that only one instance of each @rule is present.

"const postcss = require('postcss');
const discardDuplicates = require('postcss-discard-duplicates');

postcss([ discardDuplicates() ])
.process('@font-face { font-family: 'MyFont'; src: url('myfont.woff2'); }
@font-face { font-family: 'MyFont'; src: url('myfont.woff2'); }', { from: undefined })
.then(result => {
  console.log(result.css);
  // Output: '@font-face { font-family: 'MyFont'; src: url('myfont.woff2'); }'
});"