Что это такое?
Less — это динамический язык стилей, который расширяет CSS переменными, примесями (mixin), вложенностью и функциями, а Less.js — его официальный компилятор, написанный на JavaScript; этот репозиторий — монорепозиторий Less.js.
Less — это динамический язык стилей, который расширяет CSS переменными, примесями (mixin), вложенностью и функциями, а Less.js — его официальный компилятор, написанный на JavaScript; этот репозиторий — монорепозиторий Less.js.То есть я пишу файлы .less и получаю обратно CSS — как это поставляется?Всё живёт в одном проекте: вы пишете файлы .less, а Less.js компилирует их в обычный CSS. Он распространяется как npm-пакет, которым можно пользоваться из командной строки или как JavaScript-библиотекой; сам компилятор находится в пакете packages/less этого монорепозитория.
Всё живёт в одном проекте: вы пишете файлы .less, а Less.js компилирует их в обычный CSS. Он распространяется как npm-пакет, которым можно пользоваться из командной строки или как JavaScript-библиотекой; сам компилятор находится в пакете packages/less этого монорепозитория.Как сделать так, чтобы он компилировал мои стили?Установите компилятор через npm (npm install -g less) и запустите lessc styles.less styles.css; можно также подключить less.js к странице и позволить ему компилировать стили прямо в браузере. Использование и настройки описаны на lesscss.org.
Установите компилятор через npm (npm install -g less) и запустите lessc styles.less styles.css; можно также подключить less.js к странице и позволить ему компилировать стили прямо в браузере. Использование и настройки описаны на lesscss.org.Что должно быть на моём компьютере, чтобы всё заработало?Только Node.js и npm — Less.js написан на JavaScript, без Python, нативных сборок и других рантаймов. Для браузерного варианта не нужно ничего, кроме тега script.
Только Node.js и npm — Less.js написан на JavaScript, без Python, нативных сборок и других рантаймов. Для браузерного варианта не нужно ничего, кроме тега script.Мне компилировать стили в браузере или на этапе сборки?Компиляция в браузере — реально существующий режим, но тогда каждая загрузка страницы тянет с собой компилятор и преобразует стили на лету, поэтому в продакшене .less заранее компилируют в .css на этапе сборки. Учтите также, что readme в репозитории адресован контрибьюторам; для повседневного использования всё описано на lesscss.org.
Компиляция в браузере — реально существующий режим, но тогда каждая загрузка страницы тянет с собой компилятор и преобразует стили на лету, поэтому в продакшене .less заранее компилируют в .css на этапе сборки. Учтите также, что readme в репозитории адресован контрибьюторам; для повседневного использования всё описано на lesscss.org.Почему веб-разработчик сегодня выбрал бы Less, а не чистый CSS?Ради супервозможностей при написании с обычным CSS на выходе: переменные, примеси, вложенность и функции поверх знакомого синтаксиса, а поскольку Less обратно совместим с CSS, ваши существующие стили работают как есть.
Ради супервозможностей при написании с обычным CSS на выходе: переменные, примеси, вложенность и функции поверх знакомого синтаксиса, а поскольку Less обратно совместим с CSS, ваши существующие стили работают как есть.Компилятор работает на Windows и macOS или это только для Linux?Это обычный npm-пакет, поэтому он работает везде, где работает Node.js — на Windows, macOS и Linux одинаково, — а браузерный режим работает в любом современном браузере независимо от ОС.
Это обычный npm-пакет, поэтому он работает везде, где работает Node.js — на Windows, macOS и Linux одинаково, — а браузерный режим работает в любом современном браузере независимо от ОС.Могу ли я использовать его в коммерческих проектах?Да — Less.js распространяется под лицензией Apache (Apache-2.0), которая разрешает коммерческое использование и использование в закрытом коде при условии сохранения уведомления о лицензии.
Да — Less.js распространяется под лицензией Apache (Apache-2.0), которая разрешает коммерческое использование и использование в закрытом коде при условии сохранения уведомления о лицензии.Что Less добавляет к CSS?Переменные, примеси (переиспользуемые блоки объявлений), вложенные правила, операторы и встроенные функции для работы с цветом и математикой — всё это компилируется Less.js, так что браузеры видят только стандартный CSS.
Переменные, примеси (переиспользуемые блоки объявлений), вложенные правила, операторы и встроенные функции для работы с цветом и математикой — всё это компилируется Less.js, так что браузеры видят только стандартный CSS.Чем Less отличается от Sass?Оба — зрелые CSS-препроцессоры. Less ближе всего к синтаксису чистого CSS и написан на JavaScript, поэтому может работать как в сборках на Node, так и прямо в браузере; Sass предлагает свой набор возможностей и инструментов.
Оба — зрелые CSS-препроцессоры. Less ближе всего к синтаксису чистого CSS и написан на JavaScript, поэтому может работать как в сборках на Node, так и прямо в браузере; Sass предлагает свой набор возможностей и инструментов.Что находится внутри этого монорепозитория?Главный пакет компилятора в packages/less со своим набором тестов (npm test), линтингом через ESLint и скриптами для публикации релизов. Документация по языку живёт отдельно на lesscss.org.
Главный пакет компилятора в packages/less со своим набором тестов (npm test), линтингом через ESLint и скриптами для публикации релизов. Документация по языку живёт отдельно на lesscss.org.Less до сих пор активно развивается?Да — он разрабатывается с февраля 2010 года, у проекта около 17 000 звёзд, и в репозитории видна актуальная активность: уведомления об авторских правах вплоть до 2025 года, воркфлоу GitHub Actions для CI и публикации, поддерживаемый changelog.
Да — он разрабатывается с февраля 2010 года, у проекта около 17 000 звёзд, и в репозитории видна актуальная активность: уведомления об авторских правах вплоть до 2025 года, воркфлоу GitHub Actions для CI и публикации, поддерживаемый changelog.What are similar projects?babel, gopherjs, postcss, TypeScript, closure-compiler, oxc, snowpack, sass
babel, gopherjs, postcss, TypeScript, closure-compiler, oxc, snowpack, sassWhich topics is it in?build-tools, less, dsl, styling, transpiler, language, compiler, css, browser, web-development, npm, frontend
build-tools, less, dsl, styling, transpiler, language, compiler, css, browser, web-development, npm, frontend