SASS files (.scss) to CSS watcher in WebStorm

I was originally converting SASS to CSS using external gulpfile.js to watch *.scss files and convert with gulp-sass and gulp-watch. I then found out that WebStorm has a built-in watch capability that is more powerful than gulp-watch.

gulp-watch

CONs

• You have to run the command-line manually and keep it open everytime you restart working on the project.
• If you make an error in CSS syntax, it will halt the watch routine and your file wont be updated anymore, even if you fix the error. For example if you write background: src(user128x128.png) and forget the single quotes, it will halt with

  [19:05:01] base.scss was changed stream.js:94 throw er; // Unhandled stream error in pipe. ^ Error: stdin:31: error reading values after user128x128

PROs

• It is free