There seem to be a few plugins...and I'm using webstorm file watcher which also precompiles individual files.

I think this may not be the best way to setup a watcher.

I'm running this command now:

sass --no-cache --update --stop-on-error --trace ./app/sass:./app/css

It seems to conflict with the webstorm file watch, which appears to be appending everything to base.css. Can someone tell me what exactly this command is doing vs. a sass filewatcher in webstorm?

What's the best way to work with sass:

• precompile my sass to css using a grunt build task
• and have file watchers while developing?

My base.sass looks like this:

@charset "UTF-8";

/* DO NOT EDIT FILES IN ./css. See ./sass instead */

@import "page";
@import "modal";
@import "nav";
@import "tables";
@import "forms";
@import "message";