Компилятор SASS/SCSS

Автоматическая компиляция SCSS в CSS без лишних хлопот

Разработка на 1С-Битрикс часто требует работы со стилями, и ручная компиляция SASS или SCSS может отнимать время и силы. Этот модуль решает задачу просто: он автоматически превращает ваши SCSS-файлы в готовый CSS. Больше не нужно запускать сторонние сборщики, следить за консолью или помнить о командах. Всё происходит на лету, прямо в системе. Вы пишете стили в удобном синтаксисе с переменными, миксинами и вложенными правилами, а модуль берёт на себя техническую часть — преобразует их в чистый, готовый к работе CSS-файл. Это особенно удобно, если вы ведёте проект в команде или часто вносите правки в дизайн.

Модуль не перегружен лишними функциями, но делает свою работу качественно. Он использует проверенную библиотеку ScssPhp v2.0.1, которая стабильно работает даже на старых версиях PHP и не требует установки Node.js или других внешних инструментов. Всё, что нужно, уже внутри модуля. Вы просто подключаете его к своему проекту и начинаете пользоваться.

Гибкая настройка под любые задачи

Модуль даёт полный контроль над процессом компиляции. Вы можете указать не один, а сразу несколько SCSS-файлов, которые нужно обработать. Это полезно, когда стили разбиты по компонентам или страницам. Кроме того, можно задать несколько путей к импортируемым файлам — например, если вы используете общие переменные, миксины или библиотеки, которые подключаются в разных частях проекта. Модуль сам найдёт их и включит в итоговый CSS.

Также вы выбираете, как именно подключать скомпилированный файл к странице. Есть три варианта: не подключать автоматически (только скомпилировать), использовать стандартный метод Asset::getInstance()->addCss() для корректного управления ресурсами в Битриксе. Это позволяет вписать модуль в любую архитектуру — от простого сайта до сложного многостраничного портала.

Умная компиляция только для администраторов

Одна из самых полезных функций — возможность включить компиляцию только для авторизованных администраторов. Это значит, что обычные посетители сайта всегда видят готовый, оптимизированный CSS, который вы уже скомпилировали и загрузили на сервер. А правки в SCSS-файлах применяются только тогда, когда вы заходите в админку. Это избавляет от риска случайно показать пользователям «сырой» или сломанный стиль во время редактирования.

Такой подход особенно важен для проектов с высокой посещаемостью или для тех, где дизайн часто обновляется. Вы спокойно экспериментируете с переменными, меняете цвета или отступы, а модуль подхватывает изменения только когда нужно. Никаких лишних нагрузок на сервер и никаких неприятных сюрпризов для клиентов.

Автоматическая проверка изменений и сжатие

Модуль не тратит ресурсы впустую. Он проверяет, изменились ли SCSS-файлы с момента последней компиляции. Если правок нет, компиляция не запускается, и старый CSS остаётся без изменений. Это ускоряет загрузку страниц и снижает нагрузку на сервер, особенно на больших проектах с множеством файлов.

После успешной компиляции модуль может автоматически сжать итоговый CSS. Это значит, что код минифицируется — удаляются лишние пробелы, переносы строк и комментарии. Файл становится легче, страницы загружаются быстрее, а пользователи получают лучший опыт. Вам не нужно подключать отдельные плагины для сжатия, всё делается в одном месте.

Source Map, автопрефиксер и поддержка современных браузеров

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

Ещё одна важная возможность — встроенный автопрефиксер на основе библиотеки PHPAutoprefixer v1.4. Он автоматически расставляет вендорные префиксы для CSS-свойств (например, -webkit-, -moz-, -ms-). Вы сами выбираете, для каких браузеров и версий нужны префиксы. Это гарантирует, что ваш дизайн будет одинаково хорошо выглядеть в Chrome, Firefox, Safari, Edge и даже в старых версиях Internet Explorer. Никакой ручной работы — модуль делает всё сам, опираясь на современные стандарты.