Как в 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' => [],
        ],
    ],
],

Всем спасибо, я надеюсь что вам моя статья хоть чем-то помогла.