Як у Yii2 відключити Bootstrap та JQuery

Колеги всім привіт.

У сьогоднішній статті ми поговоримо про те, як можна відключити вбудований за замовчуванням Jquery та Bootstrap бібліотеки в Yii2. У Yii2 за замовчуванням після встановлення фреймворку бібліотека Jquery спільно з Bootstrap вже поставляється встановленою.

Дуже часто буває, що у щойно встановленому фреймворку yii2 бібліотеки Jquery та Bootstrap поставляються у старих версіях, а ви хочете використовувати останні версії бібліотек.

На зображенні вказано які бібліотеки за замовчуванням поставляються разом із фреймворком Yii2.

Найперше, що потрібно зробити так це закоментувати у файлі AppAsset.php рядки yii\web\YiiAsset та yii\bootstrap4\BootstrapAsset у публічній властивості depends.

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

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

У першому варіанті ми просто відключимо сам Jquery, а Bootstrap залишимо. Для того, щоб нам це зробити, нам потрібно додати в конфігураційний файл web.php в масив components:

'assetManager' => [
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'js'=>[]
        ],
    ],
],

Після перезавантаження сторінки Jquery не буде підключено до сайту.

Наступним варіантом ми відключимо Bootstrap а Jquery залишимо. Для того щоб нам це зробити нам потрібно додати в конфігураційний файл web.php в масив components:

'assetManager' => [
    'bundles' => [
        'yii\bootstrap\BootstrapPluginAsset' => [
            'js'=>[]
        ],
    ],
],

У останньому варіанті ми відключимо все, Bootstrap і Jquery. Для того щоб нам це зробити нам потрібно додати в конфігураційний файл web.php в масив components:

'assetManager' => [
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'js'=>[]
        ],
        'yii\bootstrap\BootstrapPluginAsset' => [
            'js'=>[]
        ],
        'yii\bootstrap\BootstrapAsset' => [
            'css' => [],
        ],
    ],
],

Всім дякую, я сподіваюся, що вам моя стаття хоч чимось допомогла.