Что использовать для автокомпиляции less?

Question

[rFczZZ]

Нужен какой-то watcher для компиляции less, файлы раскиданы примерно так:
...\less\globals.less
...\less\main.less
...\css\main.css
...\js\components\my.component.less
...\js\components\my.component.css

Сейчас использую tsc run autoless, но:

• не выявляются зависимости
  
• компилируются лишние файлы, типа globals.less
  
• нельзя настроить маппинг (т.е. less\main.less соберется в less\main.css, а не в css\main.css)
  
• внутри js, для "очень" вложенных less файлов, чтобы подключить globals.less приходится писать длинный относительный путь вида ../../../../css/globals.less, особенно неприятно, когда приходится переносить js компоненты в другую папку. Нужны алиасы или возможность указания корневого каталога.
  

Раньше (до angular) использовал для этих целей Grunt, но не смог его быстро следить за TypeScript (тут обсуждаемо, конечно, но компиляция ts должна быть в том же таск менеджере). Может попробовать gulp (тогда с какими плагинами) или есть что-то для npm?

*собственно немного надоело уже сутками тестить все эти паровозы, поделитесь, пожалуйста, опытом кто работал с подобным.

Answer 1

[Влад Токарев]

Если хочешь, можешь взять мой код для gulp:
В gulp-tasks/config.js прописывается:

config.common = {
	sourceDir: "source", // Общая папка для исходников, можно указать "." для корня
	buildDir: "dist" // Общая папка для сборки "." для корня
};
config.css = {
	buildDir: "style", // Папка для сборки стилей (внутри config.common.buildDir, указанного выше)
	fileName: "style", // Имя получаемого CSS файла
	autoprefixerOptions: "" // На свой вкус
};
config.less = {
	// ...
	sourceDir:    "style",  // Папка для исходников less стилей (внутри config.common.sourceDir, указанного выше)
	mainFile:     "main", // Главный less файл, который будет собираться
	// ...
};

Чтобы смотреть за файлами не только в директории исходников, надо в
gulp-tasks/less.js, где [files] переписать на

[files, "./js/components/**/*.less", "др. файлы, за кот. надо следить"]

Запускать gulp less:watch