У меня он работает, но с этими настройками требуется довольно много времени, пока изменения не появятся в PhpStorm. Если я избавлюсь от части строки ../css/ строки аргумента, она создает/обновляет файл css в том же каталоге, в котором находится scss файл, но делает это немедленно. Что я делаю неправильно?
Я использую PhpStorm 6.0.1 для OS X 10.8.3
Из руководства: "В текстовом поле" Пути вывода "укажите файлы, в которых transpiler хранит свой результат: полученный исходный код, исходные карты и зависимости. Основываясь на этих настройках, PhpStorm обнаруживает созданные файлы через транспиляцию."
как упоминалось в предыдущем ответе, вы должны соответственно настроить параметр "Выходные пути". Как:
Arguments: --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css
Working directory: $FileDir$
Output Paths: $FileParentDir$/css/$FileNameWithoutExtension$.css
Теперь выходные пути соответствуют каталогу вывода scss, так что среда IDE знает, где искать вывод и что он выглядит как
Я рекомендую использовать node -sass быстрее и быстрее
npm install -g node-sass
Программа:
/usr/local/bin/node-sass
Аргументы:
$FileName$ $FileNameWithoutExtension$.css
Выходные пути:
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
Изменить:
Если вам нужен сжатый файл css, используйте его для аргументов:
--output-style compressed $FileName$ $FileNameWithoutExtension$.css
Для любого пользователя используется node -sass в Windows Env, здесь вы идете,
Программа:
Окна
C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd
Linux
/usr/local/bin/node-sass
Аргументы (Windows):
$FileName$ $ProjectFileDir$\dist\$FileNameWithoutExtension$.css
Пути вывода для обновления (окна):
$ProjectFileDir$\dist\$FileNameWithoutExtension$.css
В Phpstorm 7 используйте
Аргументы: --no-cache --update $FileName $: $FileParentDir $/path/to/css/dir/$FileNameWithoutExtension $.css
Выходные пути: $ FileParentDir $/путь/к/CSS/реж/$FileNameWithoutExtension $.css
Это найдено.