PHPStorm наблюдатели и компиляция css

Инсталим компилятор

npm install -g node-sass

Добавляем новый наблюдатель Preferences->Tools->File Watchers
Arguments:

$FileName$ $FileNameWithoutExtension$.css

Output Paths:

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

Для того что бы при каждом изменении не происходила компиляция, а если происходит компилиция значит и файл летит на фтп. А это и так будет происходить при сохранении или потере автофокуса.
В Advanced Options убираем галочку с пункта Auto-save edited files to trigger the watcher

В настройках фтп убираем галочку Skip external changes

Есть один момент, когда вы используете много файлов например scss вложенных друг в друга, то нужно санача прописывать @import, а потом уже создавать файл, иначе наблюдатель будет создавать конечный файл результата для каждого вашего файла scss.

Так же столкнулся с проблеммой в Laravel при компиляции, правда там это делалось через npm run watch сильно грузит процессор. Это происходит потому, что шторм пытается индексировать вновь скомпиленные файлы. Для того что бы этого не происходило нужно в меню каталога куда идет сборка выбрать Mark Directory as -> Excluded

[ Править ]