Yii2中的Custom Bootstrap 4 CSS和资产管理[重复]

问题描述 投票：0回答：1

我已在yii2-advanced中安装了yii2-bootstrap4扩展名，并添加了一个自定义的css文件（custom.css），该文件使用Sass重新编译Bootstrap源。

然后我将custom.css添加到frontend/web/css，并按如下所示修改了frontend/assets/AppAsset.php：

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

我获得了想要的结果，但是我发现页面的<head>...</head>包含以下内容：

<link href="/yii2-advanced/frontend/web/assets/1758a11a/css/bootstrap.css" rel="stylesheet">
<link href="/yii2-advanced/frontend/web/css/custom.css" rel="stylesheet">
<link href="/yii2-advanced/frontend/web/css/site.css" rel="stylesheet"></head>

和：

  • [[...]/css/bootstrap.css包含原始Bootstrap 4 CSS
  • 如果我从DOM中删除该第一个条目（通过Devtools），则网页不是受影响。

问题

  1. 这是在Yii2中替换Bootstrap 4 css文件的正确方法吗？
  2. 有没有办法防止加载[...]/css/bootstrap.css？
css bootstrap-4 yii2
1个回答
0
投票

适应了此other question的答案之一（由@ Sfili_81建议），我解决了如下修改frontend/assets/AppAsset.php的问题：

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

    public function init(){
        parent::init();
        // resetting BootstrapAsset to not load own css files
        \Yii::$app->assetManager->bundles['yii\\bootstrap4\\BootstrapAsset'] = [
            'css' => [],
            //'js' => []
        ];
    }
}

现在<head>部分中包含的css文件只是这些文件：

<link href="/yii2-advanced/frontend/web/css/custom.css" rel="stylesheet">
<link href="/yii2-advanced/frontend/web/css/site.css" rel="stylesheet">
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.