PostCss plugin to minify your CSS

Compression will be handled by clean-css, which according to this benchmark is one of the top (probably the best) libraries for minifying CSS.

With npm do:

npm install postcss-clean --save 

.try { color: #607d8b; width: 32px; }

.try{color:#607d8b;width:32px}

:host { display: block; } :host ::content { & > * { color: var(--primary-color); } }

:host{display:block}:host ::content>*{color:var(--my-color)}

Note this example assumes you combined postcss-clean with other plugins (e.g. postcss-nesting).

Note that postcss-clean is an asynchronous processor. It cannot be used like this:

var out = postcss([ clean() ]).process(css).css; console.log(out)

Instead make sure your runner uses the async APIs:

postcss([ clean() ]).process(css).then(function(out) { console.log(out.css); });

It simply proxies the clean-css options. See the complete list of options here.

See the PostCSS documentation for examples for your environment.

Pull requests are welcome.

MIT © Leonardo Di Donato