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 re using compass   compass watch --output-style compressed

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

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

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

[css] sass --watch with automatic minify?

Examples related to css

Examples related to sass

Examples related to minify