xandeadx.ru Блог музицирующего веб-девелопера

CSS → Компиляция LESS в PhpStorm на Windows с помощью less.php (без Ruby, без Node.js, без СМС)

Опубликовано в

Пример настройки PhpStorm для компиляции LESS в CSS, без необходимости установки Ruby, Node.js и подобного, достаточно только PHP и LESS компилятора oyejorge/less.php.

1. Скачиваем сорцы oyejorge/less.php.

2. В настройках PhpStorm переходим в Tools -> File Watchers и добавляем новый ватчер с темплейтом Less:

3. В поле Program пишем $PhpExecutable$, а в Argumentsfull-path-to-lessphp\bin\lessc $FileName$ (вместо full-path-to-lessphp подставляем полный путь до скачанных сорцов):

На этом собственно всё.

Если отметить опцию Track only root files, то не будут компилироваться файлы, подключаемые с помощью @import. Не советую этого делать, так как это коснётся и файлов, подключённых через @import (reference).

Минусы компиляции с помощью less.php:
— пока не поддерживается Source Maps (issue)
— нельзя отключить компиляцию файлов, начинающихся с нижнего подчёркивания (как в SASS)

P.S: для PhpStorm есть плагин LESS CSS Compiler, который уже содержит компилятор, но минус в том, что его надо настраивать для каждого проекта индивидуально (прописывать пути до файлов и т.д.).

Похожие записи

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании