Подключение скриптов и стилей в 1С-Битрикс

В 1С-Битрикс файлы скриптов и стилей можно подключать через тег обычным способом. И от этого ничего не пострадает. Однако при таком способе подключения не будет возможности управлять стилями и скриптами из админки: объединять файлы стилей и скриптов, перемещать подключение скриптов в футер, создавать сжатые копии файлов скриптов и стилей.

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

Рассмотрим вариант подключения стилей традиционным способом:

А вот так выглядит подключение стилей и скриптов через ядро D7:

        use Bitrix\Main\Page\Asset;

        $objAsset = Asset::getInstance();



        $objAsset->addCss(SITE_TEMPLATE_PATH.'/style.css');

        $objAsset->addJs(SITE_TEMPLATE_PATH.'/js/script.js');

Этот код разумеется нужно разместить в секции head или перед закрывающимся тегом . Теперь зайдем в настройки главного модуля Настройки->Настройки модулей->Главный модуль. На вкладке "Настройки" прокрутим страницу до блока "Оптимизация CSS":

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