Как настроить Stylus File watcher в PHPStorm?

Question

[Марк Голубев]

Есть проект, в нём три-четыре уровня вложенность *.styl файлов друг в друге.

1. В 7й версии PHPStorm'a при компиляции любого child-styl файла также компилировался и самый первый уровень. После перехода на 8ю версию компилируется только изменяемый child-styl файл. Как автоматически настроить рекомпиляцию самого верхнего уровня ?

2. Как настроить компиляцию таким образом, чтобы финальный *.css создавался не в папке с stylus файлами ( /dir/styl/ ), а в дочерней ( / dir/ ) ?

Использую PHPStorm, последний Stylus плагин, NodeJS и т.д.
Screen настроек Stylus плагина:


Пошлю + 10 к карме, человеку который поможет решить мои трудности :)

Answer 1

[Даниил Костин]

В arguments прописывайте все что вам надо $FileName$ --out $FileParentDir$/css/$FileNameWithoutExtension$.css
Если не работает - проверьте есть ли пробелы в пути к stylus
Нижняя строчка нужна для обновления директорий куда файлы попадают, чтобы их сразу увидеть, а не закрывать, открывать.

Comments

[Марк Голубев]

1. после проставления галки, файл создаётся где нужно, но в сгенерированном CSS файле
2. в пути к stylus нет пробелов, на скриншоте замазан путь

[Даниил Костин]

извиняюсь, поправил ответ.
нижняя строка не влияет на стилус

[Марк Голубев]

dan-leech: большое спасибо. Вопрос с сохранением файла в любую папку заработал.

Остался главный вопрос (1):
index.styl:
import "header.styl"
import "content.styl"
import "footer.styl"

если я изменяю один из дочерних styl файлов (например footer.styl), по завершению как сгенерировать не текущий footer.styl, а сразу всё дерево (index.styl), и на выходе получить изменённый index.css файл

сейчас же генерируется только footer.css, и приходится вручную потом index.styl запускать

[Марк Голубев]

dan-leech: Решением всех моих проблем было вот это :) $FileDir$ --out $FileParentDir$/css/
Спасибо что навёл на мысль ;) Посылаю тебе +20 к карме

[Даниил Костин]

я импорт делаю в index.styl
learnboost.github.io/stylus/docs/import.html
так:
import 'path/fileWithoutStylException'

потом index.styl компилируется в общий css

Answer 2

[Adamos]

Например, в начало "Output paths to refresh" поставить "../" - не вариант?

Comments

[Марк Голубев]

Не сработало.
Конструкция $FileParentDir$\$FileNameWithoutExtension$.css также не принесла результата

[Adamos]

$FileDir$/../$FileNameWithoutExtension$.css

[Adamos]

Почитать-поправить тот stylus.cmd, в конце концов...

[Марк Голубев]

Adamos: в проекте несколько частей со своими собственными стилями, лежать которые должны в различных местах, т.е. для каждого должен быть свой "file watcher" со своими настройками, настроить которой хотелось бы средствами Stylus плагина для PHPStorm'a