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

User · Answer

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

Convert style.scss to style.css set the arguments

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

and output paths to refresh

$FileNameWithoutExtension$.css

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

User · Answer

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

User · Answer

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

User · Answer

If you re using compass   compass watch --output-style compressed

[css] sass --watch with automatic minify?

Examples related to css

Examples related to sass

Examples related to minify