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

环境

基于 Yii2 高级模板

前言

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

去除 Yii.js 相关脚本

编辑 frontend\asset\AppAsset.php 文件,注释掉变量 $depends 里的 'yii\web\YiiAsset' 值。

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

编辑 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 脚本

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

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

去除 Bootstrap 库

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

编辑 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 下生产文件
     ],
 ],
],

注意:页面嵌套时,勿重复引入JS文件!


原文:https://blog.csdn.net/fountion/article/details/82876545

posted @ 2021-09-15 14:22  MeetU  阅读(167)  评论(0编辑  收藏  举报