在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);
完美一击。
