Есть ли скрипт (программа) способная менять less файл при изменении скомпилированного ей css?

Question

[andrewnsk]

Например я скомпилировал css из less.

less
.container-div{
padding: 20px;
    a{
        color: red;
    }
}

После компиляции получаем

сss
.container-div{
padding: 20px;
}
.container-div  a{
   color: red;
}

Теперь изменили padding у .container-div

сss
.container-div{
padding: 25px;
}
.container-div  a{
   color: red;
}

Запускается скрипт, находит это изменение и меняет less файл

less
.container-div{
padding: 25px;
    a{
        color: red;
    }
}

Comments

[Сергей delphinpro]

Это не сложный вопрос >:

Препроцессоры задумывались не для того.
Если вам приходится, или у вас кто-то правит билды — это проблема ваших рабочих процессов, и менять нужно именно их.

[andrewnsk]

Сергей, Ну на данный момент, некоторые вещи на чистом css можно делать быстрее в developer tools(chrome), чем менять значения в less и ждать когда компилятор преобразует в css и сайт обновится.

[Сергей delphinpro]

andrewnsk, лично я не соглашусь.
в удобном редакторе писать код быстрее.
компиляция css даже на объемных проектах — десятки миллисекунд. Обновления страницы при правильной настройке сборки вообще не происходит, стили встраиваются горячей заменой.

[andrewnsk]

Сергей, Что значит "горячей заменой"? Использование workspace? В любом случае less преобразуется в css не так ли? А если я не знаю размер padding у блока или margin и мне нужно перебрать десятки значений за 5 секунд, это получится меняя less?

[Сергей delphinpro]

Что значит "горячей заменой"?

то и значит )
Я не знаю чем и как вы собираете, но например browsersync подтягивает новые стили и внедряет их не перезагружая страницу. Про webpack с его HMR вообще промолчу.
Происходит это мгновенно. Впечатал цифру, жмакнул ctrl+s и пока переводишь взгляд на второй монитор, там уже новый стиль применился. Легко подбираются значения. Может не за 5 секунд =), но достаточно быстро, чтобы в инспектор не лезть.

[Сергей delphinpro]

andrewnsk, вы попробуйте поискать браузерные расширения. Под хром точно что-то есть такое, что позволяет сохранять изменения в инспекторе в исходниках.
С голым css они хорошо работают. С препроцессором у меня тоже заводилось, только сорсмапы нужны.
Я не использую, ибо настраивать расширение нужно под каждый проект.. больше головняка, чем профита.

[andrewnsk]

Сергей,

Под хром точно что-то есть такое, что позволяет сохранять изменения в инспекторе в исходниках.

Да это называется workspace. Встроено в developer tools. Позволяет менять файлы css, less, js и сохранять сразу их на диск. Очень удобно менять стили в "element.style" и они сразу меняются в файле css(даже save не нужно нажимать). Была экспериментальная функция в dev tools - LIVE SASS , которая позволяла меняя стили в "element.style" , менять scss файл. Но что-то с ней пошло не так и её убрали. А так было бы очень удобно. Хотя может я просто не привык к редактированию less прямо в редакторе. В общем спасибо за совет )