Yii2 中如何彻底禁用掉自带的 Yii、JQuery 和 Bootstrap 脚本

▪ 环境

基于 Yii2 高级模板

▪ 前言

默认情况下，Yii2 会自动加载 Yii、JQuery 和 Bootstrap 等脚本和样式，但有时项目中可能并不需要这些库，或者使用其他版本；下面介绍如何去掉这些库脚本和样式。

▪ 去除 Yii.js 相关脚本

1. 编辑 frontend\asset\AppAsset.php 文件，注释掉变量 $depends 里的 'yii\web\YiiAsset' 值。
2. 编辑 frontend\config\main.php 文件，在字段 'components' 下面添加配置：

'assetManager' => [
    'bundles' => [
        'yii\web\YiiAsset' => [
            'js' => [],  // 去除 yii.js
            'sourcePath' => null,  // 防止在 frontend/web/asset 下生产文件
        ],
                        
        'yii\widgets\ActiveFormAsset' => [
            'js' => [],  // 去除 yii.activeForm.js
            'sourcePath' => null,  // 防止在 frontend/web/asset 下生产文件
        ],
        
        'yii\validators\ValidationAsset' => [
            'js' => [],  // 去除 yii.validation.js
            'sourcePath' => null,  // 防止在 frontend/web/asset 下生产文件
        ],
    ],
],

▪ 去除 JQuery 脚本

1. 编辑 frontend\config\main.php 文件，在字段 'components' 下面添加配置：

'assetManager' => [
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'js' => [],  // 去除 jquery.js
            'sourcePath' => null,  // 防止在 frontend/web/asset 下生产文件
        ],
    ],
],

▪ 去除 Bootstrap 库

1. 编辑 frontend\asset\AppAsset.php 文件，注释掉变量 $depends 里的 'yii\bootstrap\BootstrapAsset' 值。

2. 编辑 frontend\config\main.php 文件，在字段 'components' 下面添加配置：

'assetManager' => [
    'bundles' => [
        'yii\bootstrap\BootstrapAsset' => [
            'css' => [],  // 去除 bootstrap.css
            'sourcePath' => null, // 防止在 frontend/web/asset 下生产文件
        ],
        'yii\bootstrap\BootstrapPluginAsset' => [
            'js' => [],  // 去除 bootstrap.js
            'sourcePath' => null,  // 防止在 frontend/web/asset 下生产文件
        ],
    ],
],