Yii2如何引入第三方类库

在Yii2中如何恰当的引入js、css对于新手而言是一件较为棘手的事情。很多时候我们对帮助文档以及广大网友的教程理解不深，而导致引入失败，耗费了大量的时间。尤其是对于我们使用bower或composer下载的第三方库而言。因此，在本文中，我们将介绍如何引入第三方的类库。该方法诚实有效，且笔者鉴于是仿照Yii源码所得，厚颜认为较为恰当，不当之处且做笑资，不必直面指出。

假入我们要引入的bootstrap-switch类库目前处于vendor文件夹下面，我们直观的考虑能够使用AssetBundle引入。在yii2的高级模板里边已经有了这么个文件，后端文件的内容大致为

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [

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


}

像往常引入单独的js文件一样，我们自然的使用

public $js = [
            '@vendor/....';
    ];

But,发现这个路径没有被正确的解析出来，那好，我们手动解析，

public $js = [
            Yii::getAlias('@vendor/....');
    ];

But,错误继续，这不能作为js的默认值。这可如何是好，本人才浅，着实迷糊了半天。后来想到yii2自身也引入了一些js、css类库，我何不仿照它来做。打开vendor/yiisoft/yii2/web/YiiAsset.php,内容大致为

class YiiAsset extends AssetBundle
{
    public $sourcePath = '@yii/assets';
    public $js = [
        'yii.js',
    ];
    public $depends = [
        'yii\web\JqueryAsset',
    ];
}

瞬间恍然大悟，原来他对不同位置的类库单独定义了一些AssetBundle，而在sourcePath的默认值中可以使用别名。那么依葫芦画瓢子，就这样

class SwitchAsset extends AssetBundle {

    public $sourcePath = '@vendor/bower/bootstrap-switch/dist';

    public $js = [
        'js/bootstrap-switch.min.js',
    ];

    public $css = [
        'css/bootstrap3/bootstrap-switch.min.css',
    ];
}

然后在需要引入这个库的视图文件中加入

SwitchAsset::register($this);

完美一击。