Как скрыть подключенные стили в исходном коде yii?

Question

[Руслан Тиляев]

Добрый день, делаю сайт на yii2. В исходном коде видно стили и скрипты yii2, они подключены не в отдельных файлах а прям в шаблоне.
Подключаю скрипты и стили здесь

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
//        'css/site.css',
        'vendor/bootstrap/css/bootstrap.min.css',
        'vendor/owl-carousel/assets/owl.carousel.min.css',
        'vendor/photoswipe/photoswipe.css',
        'vendor/photoswipe/default-skin/default-skin.css',
        'vendor/select2/css/select2.min.css',
        'css/style.css',
        'vendor/fontawesome/css/all.min.css',
        'fonts/stroyka/stroyka.css',
    ];
    public $js = [
        'vendor/jquery/jquery.min.js',
        'vendor/bootstrap/js/bootstrap.bundle.min.js',
        'vendor/owl-carousel/owl.carousel.min.js',
        'vendor/nouislider/nouislider.min.js',
        'vendor/photoswipe/photoswipe.min.js',
        'vendor/photoswipe/photoswipe-ui-default.min.js',
        'vendor/select2/js/select2.min.js',
        'js/number.js',
        'js/main.js',
        'js/header.js',
        'vendor/svg4everybody/svg4everybody.min.js',
    ];
    public $depends = [
        'yii\web\YiiAsset',
//        'yii\bootstrap\BootstrapAsset',
    ];
}

Так выглядит исходный код

Comments

[Дмитрий]

Добрый день.
Во-первых, уберите изображение с кодом и вставьте код как положено.
Во-вторых, покажите, как и где Вы подключаете эти стили?

[Руслан Тиляев]

Дмитрий, Я поправил, посмотрите пожалуйста

[Дмитрий]

Руслан Тиляев, что-то уж слишком у Вас накручено.
Зачем подключать таким образом bootstrap, если он по умолчанию идёт с yii2?
Вам достаточно раскомментировать строку для подключения BootstrapAsset и добавить подключение BootstrapPluginAsset

public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yii\bootstrap\BootstrapPluginAsset'
    ];

Директории vendor вообще не должно быть в путях к ресурсам.
Если Вы подключаете сторонний пакет, то не надо делать так, как делаете Вы
'vendor/svg4everybody/svg4everybody.min.js'
Подобный пакет надо подключать в зависимостях.
И на screenshot-e, который Вы показали ранее, видно, что стили вписаны напрямую в вид. Это тоже не очень хорошая практика. Надо делать свой класс, который расширяет AssetBundle и уже в нём подключать свои css и js.

[Дмитрий]

Руслан Тиляев, вот чтобы подключить свои css и js надо расположить из в директориях web/css и web/js.
И тогда можно подключить в AppAsset

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

[Дмитрий]

Руслан Тиляев, полезная ссылка на официальную документацию.