Главная/Статьи/Yii2: Подключение JS и CSS
Yii2

Yii2: Подключение JS и CSS

Для подключения стилей и скриптов в Yii2 используется класс Asset, расположенный в /assets/AppAsset.php.

class AppAsset extends AssetBundle
{
  public $basePath = '@webroot';
  public $baseUrl = '@web';
  public $css = [
    'css/site.css',
  ];
  public $js = [
    'js/app.js',
  ];
  public $depends = [
    'yii\\web\\YiiAsset',
    'yii\\bootstrap\\BootstrapAsset',
  ];
}

Ключевые параметры конфигурации:

  • basePath — ссылается на корневую директорию через алиас @webroot
  • baseUrl — базовый URL через алиас @web
  • css — массив CSS-файлов для подключения
  • js — массив JavaScript-файлов
  • depends — зависимости от других Asset-бандлов, включая ядро Yii и Bootstrap

Такой подход обеспечивает структурированное и удобное управление frontend-ресурсами в Yii2.