sass --watch with automatic minify?

Question

Is there a way to run:

sass --watch a.scss:a.css

but have a.css end up being minified?

How would I avoid having to run a separate minification step as I compile my stylesheet?

Answer 1

sass --watch a.scss:a.css --style compressed

Consult the documentation for updates:

• http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass
• http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style

Answer 2

If you are using JetBrains editors like IntelliJ IDEA, PhpStorm, WebStorm etc. Use the following settings in Settings > File Watchers.

1. Convert style.scss to style.css set the arguments

   --no-cache --update $FileName$:$FileNameWithoutExtension$.css
   

   and output paths to refresh

   $FileNameWithoutExtension$.css
   

2. Convert style.scss to compressed style.min.css set the arguments

   --no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed
   

   and output paths to refresh

   $FileNameWithoutExtension$.min.css
   

Answer 3

If you're using compass:

compass watch --output-style compressed

Answer 4

There are some different way to do that

sass --watch --style=compressed main.scss main.css

or

sass --watch a.scss:a.css --style compressed

or

By Using visual studio code extension live sass compiler

see more