PHP

Yii2 禁用默认Juqery和Bootstrap

微信扫一扫,分享到朋友圈

Yii2 禁用默认Juqery和Bootstrap
0

一、操作环境

Yii2

二、解决问题

因为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 下生成文件
        ]
    ]
],
一个后端程序员,却非要干点前端的事。攻城已有十年,暂未留下任何印记。

硬盘检测

下一篇

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
Yii2 禁用默认Juqery和Bootstrap

长按储存图像,分享给朋友