
Конвертер SASS/SCSS в CSS
Готовый шаблон Компилятор SASS/SCSS для 1С-Битрикс. Ускорьте разработку сайта. Купите и установите за минуту!
Нужна лицензия 1С-Битрикс?
Поможем купить новую лицензию или продлить действующую — «1С-Битрикс: Управление сайтом» и Битрикс24.
Технические данные
- Опубликовано:
- 15.05.2023
- Обновлено:
- 24.04.2025
- Версия:
- 1.0.1
- Установлено:
- 100 - 499 раз
- Подходящие редакции:
- «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Нет
- Поддержка Композита:
- Нет
- Совместимо с Сайты24
- Нет
Онлайн-демонстрация
Хотите увидеть продукт в действии? Запросите демонстрацию — мы покажем всё вживую и ответим на вопросы.
Возможности SASS-конвертера
Компилятор SASS/SCSS — это специализированный модуль для CMS 1С-Битрикс, который автоматизирует процесс преобразования SCSS-файлов в стандартный CSS. Продукт решает задачу ручной компиляции препроцессора, что критически важно для веб-разработчиков и верстальщиков, работающих с современными методологиями написания стилей. Модуль встраивается непосредственно в систему управления сайтом и позволяет отказаться от использования сторонних сборщиков (Gulp, Webpack) на этапе разработки или доработки шаблонов.
Функциональные возможности модуля
- Автоматическая компиляция одного или нескольких SCSS-файлов в единый CSS-файл.
- Гибкая настройка путей к импортируемым файлам для работы с библиотеками стилей.
- Три варианта подключения скомпилированного файла: без подключения, через HTML-тег , либо через API-метод Asset::getInstance()->addCss() для корректной работы с ассетами Битрикса.
- Компиляция только для авторизованных администраторов — полезно для staging-окружения.
- Проверка изменений: модуль перекомпилирует файл только в случае обнаружения изменений в исходных SCSS-файлах, что снижает нагрузку на сервер.
- Сжатие итогового CSS кода для повышения скорости загрузки страниц.
- Генерация Source Map для упрощения отладки стилей в браузере.
- Встроенный Autoprefixer с возможностью выбора поддерживаемых браузерных префиксов.
Что получает покупатель после установки
После установки и активации решения в системе 1С-Битрикс (подходят все основные редакции: от "Первого сайта" до "Бизнеса" включительно) вы получаете работающую надстройку, которая базируется на проверенных библиотеках ScssPhp v2.0.1 и PHPAutoprefixer v1.4. Модуль не требует установки Node.js или дополнительного ПО на сервер. В настройках любого компонента или в административном интерфейсе вы сможете указать исходные SCSS-файлы, настроить префиксы и включить автокомпиляцию. Версия решения 1.0.1 является стабильной, прошла обновление в апреле 2025 года и установлена от 100 до 499 раз, что подтверждает ее практическую пользу.
Кому подходит данное решение
Продукт ориентирован на веб-студии, фрилансеров и штатных разработчиков, которые используют 1С-Битрикс в качестве основной платформы и активно применяют SASS/SCSS для написания стилей. Решение будет полезно при разработке кастомных шаблонов, доработке типовых решений, а также в проектах, где требуется автоматизация сборки фронтенда без настройки сложного инструментария. Благодаря совместимости с редакциями "Малый бизнес" и "Бизнес", модуль подходит как для небольших корпоративных сайтов, так и для крупных интернет-магазинов.
В настройке компонента предусмотрено:
- Обработка несколько SCSS файлов;
- Выбор несколько путей к импортируемым файлам;
- Выбор через что подключать скомпилированный файл [ Нет |<link> | Asset::getInstance()->addCss() ];
- Компиляция только если пользователь авторизован как администратор;
- Проверка на изменения SCSS файлов;
- Сжатие CSS файл после компиляции;
- Генерация Source Map;
- Включение автопрефиксер;
- Выбор префиксoв.
- ScssPhp v2.0.1
- PHPAutoprefixer v1.4

Для чего нужен этот конвертер и какие задачи он решает?
С какими версиями 1С-Битрикс совместим модуль?
Какова стоимость модуля и как приобрести лицензию?
Как происходит установка и настройка модуля?
Какая техническая поддержка предоставляется после покупки?
Установка модуля из Маркетплейса
Перейдите в административной панели сайта в раздел «Маркетплейс» → «Каталог решений». Найдите модуль «Конвертер SASS/SCSS в CSS» и нажмите «Установить». После завершения установки перейдите в «Маркетплейс» → «Установленные решения» и активируйте модуль.
Переход к настройкам модуля
Откройте раздел «Настройки» → «Настройки продукта» → «Модули» → «Конвертер SASS/SCSS в CSS». Здесь вы сможете задать основные параметры работы компилятора.
Указание путей к SCSS-файлам
В настройках модуля укажите пути к исходным SCSS-файлам (например, /local/templates/ваш_шаблон/sass/) и путь для сохранения скомпилированного CSS-файла. При необходимости добавьте пути к импортируемым библиотекам стилей.
Выбор способа подключения CSS
В блоке «Подключение скомпилированного файла» выберите один из трёх вариантов: «Не подключать» (только компиляция), «Через HTML-тег <link>» или «Через API-метод addCss()» — последний вариант рекомендуется для корректной работы с ассетами Битрикса.
Настройка режима компиляции
Активируйте опцию «Компилировать только для авторизованных администраторов», если используете staging-окружение. Включите «Сжатие итогового CSS» для минификации кода и «Генерацию Source Map» для удобства отладки. Сохраните настройки.
Проверка работы модуля
Создайте или отредактируйте любой SCSS-файл в указанной директории. Откройте страницу сайта в браузере (для авторизованного администратора, если включена соответствующая опция) и проверьте, что CSS-файл перекомпилировался — стили применились, а в исходном коде страницы появился тег <link> или вызов addCss().
- v1.0.124.04.2025
- Исправлено:
- Условие в функции isHASH
- Исправлено:
- v1.0.023.04.2025
- Обновлено:
- Библиотека - scssphp/scssphp.
- Исправлено:
- Мелкие ошибки и опечатки
- Обновлено:
Нужна помощь с установкой?
Напишите нам — поможем установить и настроить модуль на вашем сайте.















