关注互联网最新技术
我们一直在努力

Yii2 禁用默认Juqery和Bootstrap

[隐藏]

一、操作环境

Yii2 2.0.16

二、目的

因为Yii2自带的bootstrap是老版本的,而且Jquery也不想用自带的Juqery。

我们去除老版本的,也可以更换新版本的jquery库文件。

三、操作步骤

1、去掉默认的Jquery

编辑frontend/config/main.php文件,在components内添加如下内容

'assetManager' => [
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'js' => [], //去掉js
            'sourcePath' => null //避免在 frontend/web/asset 下生成文件
        ]
    ]
],

2、去掉默认的bootstrap

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

如果添加上面的代码,那么在AppAsset里面也要去掉'yii\bootstrap\BootstrapAsset',代码

3、去掉默认的Yii自带样式

这个其实是不建议去掉的,如果不去掉这个,那么jquery的就要自定义自己的。下面演示去掉的。

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

如果添加上面的代码,那么在AppAsset里面也要去掉'yii\web\YiiAsset',代码

4、常用操作

我一般的操作都是去掉自带的jquery,更换为我想要的版本。

去掉默认的bootstrap

'assetManager' => [
    'bundles' => [
        'yii\bootstrap\BootstrapAsset' => [
            'css' => [],  // 去除 bootstrap.css
            'sourcePath' => null, // 防止在 frontend/web/asset 下生产文件
        ],
        'yii\bootstrap\BootstrapPluginAsset' => [
            'js' => [],  // 去除 bootstrap.js
            'sourcePath' => null,  // 防止在 frontend/web/asset 下生产文件
        ],
        'yii\web\JqueryAsset' => [
            'js' => ['frontend/web/js/jquery.min.js'], //去掉js
            'sourcePath' => null //避免在 frontend/web/asset 下生成文件
        ]
    ]
],
赞(0)
未经允许不得转载:全栈志 » Yii2 禁用默认Juqery和Bootstrap

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址