Yii2：如何在指定视图中禁止加载bootstrap.css文件

嘿，从Yii1转Yii2遇到资源加载的小问题很正常，我来帮你搞定在单个视图里停止加载bootstrap.css的需求，这里有几种实用的方法：

Yii2的前端资源都是通过AssetBundle统一管理的，Bootstrap的CSS默认是由yii\bootstrap\BootstrapAsset这个类负责加载的。你只需要在目标视图的最开头（<?php标签之后）添加这段代码：

// 完全取消Bootstrap CSS的加载
\Yii::$app->assetManager->bundles['yii\bootstrap\BootstrapAsset'] = false;

执行这段代码后，当前视图就不会再加载bootstrap.css文件了。

如果你的项目大部分页面需要Bootstrap，只有少数页面不需要，更规范的做法是自定义基础AssetBundle来管理依赖：

• 打开你的assets/AppAsset.php（如果没有就新建），调整它的依赖配置，把BootstrapAsset设为可选；
• 在不需要Bootstrap的视图里，只注册不含Bootstrap依赖的AssetBundle，或者在注册时覆盖依赖配置。

举个例子，修改AppAsset：

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    // 这里把Bootstrap作为可选依赖，而不是强制依赖
    public $depends = [
        'yii\web\YiiAsset',
        // 'yii\bootstrap\BootstrapAsset', 注释掉，需要的页面再单独注册
    ];
}

然后在需要Bootstrap的页面里单独注册：\yii\bootstrap\BootstrapAsset::register($this);，不需要的页面就跳过这一步。

如果这个特殊视图使用了特定布局，你可以在布局文件里加个判断逻辑，只给需要的页面加载Bootstrap：

<?php
// 假设不需要Bootstrap的视图是site控制器下的nostrap动作
if (!($this->context->id === 'site' && $this->context->action->id === 'nostrap')) {
    // 只给符合条件的页面注册Bootstrap CSS
    \yii\bootstrap\BootstrapAsset::register($this);
}
?>

重要提醒 #

一定要先确认你的Bootstrap CSS是通过哪个AssetBundle引入的——有些项目会把Bootstrap整合到自定义的AssetBundle里（比如AppAsset的依赖里包含它），这时候你要对应调整取消注册的目标，或者修改依赖配置，才能真正停止加载重复的css文件。

内容的提问来源于stack exchange，提问作者Ahmad Samilo