Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cssnano/cssnano

A modular minifier, built on top of the PostCSS ecosystem.
https://github.com/cssnano/cssnano

css cssnano minification optimisation postcss

Last synced: 7 days ago
JSON representation

A modular minifier, built on top of the PostCSS ecosystem.

Awesome Lists containing this project

README

        




cssnano






> A modular minifier, built on top of the [PostCSS](https://github.com/postcss/postcss) ecosystem.

[![Backers on Open Collective](https://opencollective.com/cssnano/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/cssnano/sponsors/badge.svg)](#sponsors) [![NPM version](https://img.shields.io/npm/v/cssnano.svg)](https://www.npmjs.org/package/cssnano)
[![Build Status](https://github.com/cssnano/cssnano/actions/workflows/test.yml/badge.svg)](https://github.com/cssnano/cssnano/actions/workflows/test.yml)
[![codecov](https://codecov.io/gh/cssnano/cssnano/branch/master/graph/badge.svg)](https://codecov.io/gh/cssnano/cssnano)
[![Gitter](https://img.shields.io/badge/Gitter-Join_the_PostCSS_chat-brightgreen.svg)](https://gitter.im/postcss/postcss)

cssnano is a modern, modular compression tool written on top of the PostCSS
ecosystem, which allows us to use a lot of powerful features in order to compact
CSS appropriately.

Our preset system allow you to load cssnano in a different configuration
depending on your needs; the default preset performs safe transforms, whereas
the advanced preset performs more aggressive transforms that are safe only when
your site meets the requirements; but regardless of the preset you choose, we
handle more than whitespace transforms!

Optimisations range from compressing colors & removing comments, to discarding
overridden at-rules, normalising `unicode-range` descriptors, even mangling
gradient parameters for a smaller output value! In addition, where it's made
sense for a transform, we've added [Browserslist](https://github.com/ai/browserslist)
to provide different output depending on the browsers that you support.

For further details check out the [website](https://cssnano.github.io/cssnano):

- [Installation guide for your build process](https://cssnano.github.io/cssnano/docs/getting-started).
- [Full list of optimisations](https://cssnano.github.io/cssnano/docs/what-are-optimisations/).

You can now [try cssnano online](https://cssnano.github.io/cssnano/playground/)!

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md).

## Contributors

This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].

## Backers

Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/cssnano#backer)]


## Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/cssnano#sponsor)]










## License

MIT © [Ben Briggs](https://beneb.info)