PHPStorm: Как настроить LESS для вывода в каталог CSS с помощью наблюдателя файлов?

Как сделать, используя File Watchers в PHPStorm, я настроил путь для просмотра файлов LESS для этого:

Я хочу:

/project/path/less/dir/file.less

для вывода на:

/project/path/css/dir/file.css

или

/project/path/less/file2.less

для вывода на:

/project/path/css/file2.css

Я не вижу ясного способа сделать это с макросами Output Path в PHPstorm. С макросом FileDirRelativeToProjectRoot я могу получить путь к текущему каталогу, но нет четкого способа заменить/уменьшить/css в пути.

Ответ 1

См. мой ответ для JADE файлового наблюдателя, я считаю, что это было бы одинаково для LESS.

Хитрость заключается в использовании макроса $FileDirPathFromParent(dir)$ :

$ProjectFileDir$/css/$FileDirPathFromParent(less)$ создаст /project/path/css/dir/ для файла, расположенного в каталоге /project/path/less/dir/.

Ответ 2

Я хочу скомпилировать еще один файл из

sites/all/themes/bic/res/less/style.less to сайты/все/темы/БИК/Рез/CSS/style.css

Вот что я сделал

Итак, используемые мною аргументы: --no-color $FileName $../css/$FileNameWithoutExtension $.css

Это создаст:/usr/local/bin/lessc --no-color blogs.less../css/blogs.css на консоли phpstorm и отлично работает.

Я мог бы что-то упустить. В любом случае, я попробовал оба "--no-color" $FileName $$ ProjectFileDir $/sites/all/themes/bic/res/css/$FileDirPathFromParent (less) $"и" --no-color $FileName $$ ProjectFileDir $/sites/all/themes/bic/res/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css". Ни один из них не работает для меня. Так что просто отправьте мое решение здесь, что может помочь некоторым людям, у которых есть те же проблемы со мной.

Ответ 3

Просто измените путь вывода на Обновить:

../css/$FileNameWithoutExtension$.css

Обновить:

В новой версии LESS вы должны поменять косую черту в указанном вами пути. Так и должно быть:

..\css\$FileNameWithoutExtension$.css

Ответ 4

Чтобы изменить выходной каталог для меньшего компилятора.
Откройте редактор редактирования в tat, вы увидите, что пути вывода для обновления в этом поле ввода меняются так же, как этот ../yourfolderpath/$FileNameWithoutExtension$.css. Теперь вы можете увидеть меньше компиляций .css к этому пути.

Ответ 5

У меня была похожая проблема с получением наблюдателя файла scss для вывода в каталог css

Это то, что я сделал.

В аргументах --no-cache --update $ProjectFileDir$/css/style.css
В Выходные пути для обновления $ProjectFileDir$/css/$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

Вы можете изменить это для работы с LESS

Ответ 6

Вы можете попробовать SimpLESS в качестве наблюдателя для проверки/компиляции LESS на CSS на лету - бесплатно для использования на всех платформах.