clean-css-brunch

clean-css-brunch is a small plugin that automatically shrinks your CSS files when you build a web project with Brunch. The practical benefit is that your website loads faster for visitors because the stylesheets are smaller, while you still get to write and organize your CSS in a readable way during development.

Brunch is a tool that bundles your web project's files together for production. This plugin plugs into that process and runs your CSS through clean-css, a dedicated tool that strips out unnecessary characters like spaces, comments, and line breaks. The result is a leaner file that browsers can download more quickly. You can also tell the plugin to skip certain files if you need to keep some stylesheets untouched.

This is designed for developers or teams already using Brunch as their build tool. For example, if you are a founder or PM working with a front-end codebase that uses Brunch, adding this plugin means every time someone builds the project for deployment, the CSS is automatically optimized without any extra manual steps. You install it with a single command, and from there it works in the background.

The plugin gives you a few configuration options if you want finer control. You can decide things like whether to remove all special comments or leave some in, and you can set rules to exclude specific stylesheets from being minified. The README doesn't go into extensive detail on the full range of options, but it points you to the underlying clean-css API documentation for the complete list.

It is a straightforward, focused tool. It does one job — minifying CSS within a Brunch workflow — and doesn't try to do anything else.