assets目录
类继承自:
yii\web\AssetBundle
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | //资源文件,并且可以web访问的目录 //public $sourcePath 资源路径 当资源不再web可以访问的路径中时候,该值设置后,basePath 和 baseUrl都不需要再设置 //且发布时候 会把资源copy一份到assets里面 public $basePath = '@webroot'; //根域名 public $baseUrl = '@web'; //CSS资源 public $css = [ 'index/css/main.css' ]; //JS资源 public $js = [ 'index/js/scripts.js', [ 'index/js/html5shiv.js','condition'=>'ELT IE9','position'=>\yii\web\View::POS_HEAD ], [ 'index/js/respond.min.js','condition'=>'ELT IE9','position'=>\yii\web\View::POS_HEAD ] ]; //该资源包依赖的其它资源包 public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap\BootstrapAsset', 'yii\bootstrap\BootstrapPluginAsset' ]; // jsOptions 加载JS的条件 //public $jsOptions=['position'=>\yii\web\View::POS_HEAD] // cssOptions 加载CSS的条 //public $cssOptions=['noscript'=>true] |
按需加载:当某些JS 或者 CSS 以及片段只在某些页面使用时可以通过下面的方法实现按需加载
1 2 3 | registerJsFile('JS文件',['opsition'=>'位置',depends='yii\web\YiiAsset']) registerCssFile() $js=<< |
优势:资源管理按需加载,解决资源间依赖,一键安装前端插件,管理方便
使用方法:
第一步:在layout中 进行注册
\app\assets\AppAsset::register($this);
第二步:
layout 使用
1 2 3 4 | <?php $this->beginBody();? body内容 <?php $this->endBody();? <?php $this->endPage();? |
对资源组件资源进行压缩(http://www.yiiframework.com/doc-2.0/yii-web-assetmanager.html)
在配置文件中
'yii\web\JqueryAsset'=>[ 'js'=> [ YII_ENV_DEV ? 'jquery.js' : 'jquery.min.js' ] ]
未经允许不得转载:开心乐窝-乐在其中 » Yii2框架的Assets资源包的使用