在Yii2中如何恰當?shù)囊雑s、css對于新手而言是一件較為棘手的事情。很多時候我們對幫助文檔以及廣大網(wǎng)友的教程理解不深，而導致引入失敗，耗費了大量的時間。尤其是對于我們使用bower或composer下載的第三方庫而言。因此，在本文中，我們將介紹如何引入第三方的類庫。該方法誠實有效，且筆者鑒于是仿照Yii源碼所得，厚顏認為較為恰當，不當之處且做笑資，不必直面指出。

假入我們要引入的bootstrap-switch類庫目前處于vendor文件夾下面，我們直觀的考慮能夠使用AssetBundle引入。在yii2的高級模板里邊已經(jīng)有了這么個文件，后端文件的內(nèi)容大致為

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,發(fā)現(xiàn)這個路徑?jīng)]有被正確的解析出來，那好，我們手動解析，

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

But,錯誤繼續(xù)，這不能作為js的默認值。這可如何是好，本人才淺，著實迷糊了半天。后來想到y(tǒng)ii2自身也引入了一些js、css類庫，我何不仿照它來做。打開vendor/yiisoft/yii2/web/YiiAsset.php,內(nèi)容大致為

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);

完美一擊。