Почему SASS в PhpStorm не компилируется в нужную папку?

Question

[dm]

Хочу настроить, чтобы style.scss в папке sass компилировался в style.css в папке css.
Скриншот настройки File watcher

Компиляция less с такими настройками происходит как надо, а scss компилируется в ту же папку. В чем причина?

Answer 1

[sergey]

в поле Arguments пишем:
--no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css
где $FileParentDir$/css/ - путь к папке с css.
в поле Output paths to refresh пишем: $FileParentDir$/css/$FileNameWithoutExtension$.css

и все будет работать, whather для Less и Sсss разный

Comments

[dm]

Получилось, спасибо. Подскажи еще, можно ли изменить форматирование в скомпилированном css?

p {
	  color: blue; }

p {
	  color: blue;
	}

Чтобы всегда было как во 2-м варианте.

[dm]

В общем, чтобы скобка закрытия была на отдельной строке

[sergey]

dm: если не ошибаюсь то в File -> Settings -> Code Style

Answer 2

[Sergi0Limit]

Процесс компиляции sass/scss в phpstorm через ruby очень медленный.
Когда-то я тоже пользовался им, пока не открыл gulp, который решает все эти вопросы и даже больше за меньшее время

Answer 3

[Георгий Еремеев]

Папку с SCSS пометить как source

--no-cache --update $ProjectFileDir$\scss\$FileDirRelativeToSourcepath$\$FileNameWithoutExtension$.scss:$ProjectFileDir$\css\$FileDirRelativeToSourcepath$\$FileNameWithoutExtension$.css