sassminifyphpstormyui-compressor

How to Minify CSS with SCSS File Watcher in PHPStorm IDE


Is there a way to configure SASS FileWatcher so it builds a Minified CSS?

I currently configured SASS + YUI Compressor to accomplish this but I would like to do this with pure SASS if possible.

Here are the screenshots of both configurations:

SASS

YUI Compressor CSS

Thanks in advance.


Solution

  • Probably the fastest way to achieve this is to use the compressed option, mentioned in the previous comments, as an argument. The quickest way to configure this in PHPStorm is as follows:

    This image shows how that configuration should look:

    Compressed SCSS settings in PHPStorm

    From that point on, your .css output files will be compressed.