В less нет примесей, а в css появляются разные варианты border-radius и т.д. Чем скомпилирован less файл?

Question

[andrewnsk]

Здравствуйте.
Мне дали сайт с css и less. Хочу править less и компилировать в css, чтобы не потерять less.
Только проблема в том, что непонятно чем он скомпилирован. Дело в том что в less нет примесей, а в css появляется набор свойств для разных браузеров. Например в less стоит
border-radius:10px;, а в css скомпилировано в
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Ещё внизу css есть код "sourceMappingURL=data:application/json;base64,..."
Чем этот less мог быть скомпилирован?

Answer 1

[Алексей Уколов]

Не важно, чем скомпилирован less, потому что потом результат компиляции прогоняется через autoprefixer.

Ещё внизу css есть код "sourceMappingURL=data:application/json;base64,..."

А это называется Source Maps.

Вам нужно собрать свой процесс сборки на основе gulp (или любого другого сборщика). Поскольку это давно стало промышленным стандартом, вы легко найдёте готовый конфиг под себя и плагины для любой частой задачи.

Comments

[andrewnsk]

Спасибо. Скорей всего. Только autoprefixer не создает свойства для border-radius> -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Не смог настроить.

[andrewnsk]

Все, настроил autoprefixer. Спасибо большое.
Установил настройку "browsers": ["> 0.001%"],
Чтобы была поддержка всех, даже самых древних браузеров. Теперь полностью компиляции совпадает. Хотя по большому счету это лишнее и лучше оставить было бы по дефолту.

[Алексей Уколов]

caniuse.com/#feat=border-radius

[andrewnsk]

Алексей Уколов: Ага, посмотрел, спасибо. Для border-radius смысла добавлять префиксов почти нет.
Значит буду читать про gulp, чтобы у меня все автоматически компилировалось)