2009-10-18 2 views
1

Я люблю TextMate как мой редактор для всех веб-сайтов, поэтому я хотел бы использовать фрагмент, чтобы использовать его с файлами style.less, чтобы автоматически использовать бесплатный способ компиляции файлов .css на лету, используя собственныйКак добавить флаг «--watch» в этот фрагмент TextMate?

$ lessc {filepath} --watch

как предложено в меньшей документации (link)

My (спасибо кто написал мЕНЬШЕ TM Bundle!) ток TextMate сниппет работает хорошо для написания раскрытый в настоящее время .less файл в. css, но я хотел бы воспользоваться параметром --watch, чтобы каждый чанг e в файл .less автоматически скомпилируется в файл .css.

Это хорошо работает при использовании командной строки терминала для него, поэтому я уверен, что его можно использовать в адаптированной версии текущей команды LESS для TextMate, поскольку она вызывает только команду для компиляции файла.

Так как добавить флаг --watch к этой команде :?

#!/usr/bin/env ruby 
file = STDIN.read[/lessc: ([^*]+\.less)/, 1] || ENV["TM_FILEPATH"] 
system("lessc \"#{file}\"") 

Я предполагаю, что это должно быть что-то вроде:

#!/usr/bin/env ruby 
file = STDIN.read[/lessc: ([^*]+\.less)/, 1] || ENV["TM_FILEPATH"] 
system("lessc \"#{file}\" --watch") 

Но делать это только терпит крах TextMate.app.

ответ

0

Вы попытались запустить его в качестве фоновой задачи?

system("lessc \"#{file}\" --watch &")

+0

Почему бы просто не попробовать что-то вроде этого: http://b5.s3.quickshareit.com/bundleeditor361e2.png? Имеет смысл запускать компилятор при сохранении, что-то -watch проверяет в любом случае. – cloudhead

0

Я предполагаю, что вы должны поставить параметр --watch перед параметром файла в lessc, например, так:

system("lessc --watch \"#{file}\"") 
0

Взгляните на this snippet. Он не использует флаг --watch, но если вы связываете его с комбинацией клавиш cmd + s, он отлично работает. Фрагмент также скомпилирует все меньше файлов, которые ссылаются (т. Е. @import) на файл, который был изменен. Это здорово, если у вас есть до .less или что-то, что вы включаете во множество разных файлов меньше, если вы меняете util.less, все файлы LESS, которые зависят от него, будут автоматически компилироваться.

Объедините этот скрипт с browser refresh script, и у вас есть довольно приличная процедура тестирования веб-разработчиков.

Смежные вопросы