WebStorm: как запустить меньшую компиляцию только в файле main.less при просмотре нескольких файлов?

#less #phpstorm #webstorm

#Меньше #PhpStorm именно #веб-шторм

Вопрос:

У меня есть .less каталог файлов с:

  • main.less (просто импортируйте зависимости)
  • деп1.меньше
  • деп2.меньше
  • и т.д.

Я хочу, чтобы изменение зависимости вызывало main.less ТОЛЬКО компиляцию файла.

На данный момент вот моя конфигурация в WebStorm Less watcher. Какие рамки и аргументы мне нужны?

введите описание изображения здесь

Комментарии:

1. Для этого есть флажок Track only root files — вы пробовали?

2. Это ничего не меняет. Он компилирует все файлы по отдельности в ../css

3. обратите внимание, что моя область просматривает всю папку (чтобы отслеживать все изменения).

4. У меня все отлично работает. В документации говорится то же самое — jetbrains.com/help/webstorm/2016.2 /…

5. Отлично! Пожалуйста, опубликуйте свое окончательное решение в качестве ответа (вы можете принять собственные ответы) — это будет полезно для других пользователей в подобной ситуации (вопрос с принятым ответом будет более заметен).

Ответ №1:

Спасибо комментариям @LazyOne, мне удается найти правильные настройки.

  • установите область просмотра для всей папки
  • поместите ../$FileNameWithoutExtension$.css в конец аргументов команды less
  • снимите Create output file from stdout флажок, вызывающий пустой выходной файл (не знаю почему)
  • проверьте Track only root files . В моем случае это не очень явно. На самом деле он просматривает не корневой файл, а все @import зависимости и КОМПИЛИРУЕТ ТОЛЬКО КОРНЕВОЙ ФАЙЛ.

введите описание изображения здесь

Комментарии:

1. Спасибо, это мне очень помогло.

Ответ №2:

Если вы добавляете к своим частичным файлам символ подчеркивания

 (_dep1.less,_dep2.less)
 

они не будут скомпилированы. И это даже не влияет на то, как вы их вызываете: @import _dep1.less импортирует _dep1.less .