Добавить CSS или JavaScript-файл

Подключить CSS и JavaScript на всех страницах

Подключение CSS и JavaScript на всех страницах происходит в файле assets/AppAsset.php.

# assets/AppAsset.php

namespace app\assets;
use yii\web\AssetBundle;

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    
    // Подключение CSS
    public $css = [
        'css/site.css',
        'https://example.ru/style.css',
    ];
    
    // Подключение Javascript
    public $js = [
        'js/script.js'
        'https://example.ru/script.js',
    ];
    
    // Подключать Javascript после jQuery
    // и CSS после Bootstrap
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

Файл «assets/AppAsset.php» также называют Пакет ресурсов.

Подключить CSS и JavaScript на указанной странице

Подключить CSS и JavaScript в текущем шаблоне можно через методыregisterCssFile() и registerJsFile().

// Подключение CSS
$this->registerCssFile('@web/css/style.css');

// Подключение JavaScript
$this->registerJsFile('@web/js/script.js');

В шаблоне CSS и JavaScript подключаются перед другими файлами. Если надо, чтобы CSS подключался после Bootstrap, и JavaScript после jQuery, то это можно сделать через параметр depends.

// Подключение CSS после Bootstrap
$this->registerCssFile(
    '@web/css/style.css',
    ['depends' => [\yii\bootstrap\BootstrapAsset::className()]]
);

// Подключение JavaScript после jQuery
$this->registerJsFile(
    '@web/js/script.js',
    ['depends' => [\yii\web\JqueryAsset::className()]]
);